Ändern des Stils des Buttons in RadInput

Question

Hi, ich habe ein Szenario, in dem ich das Bild des Buttons im RadInput-Control basierend auf bestimmten Kriterien ändern muss.

Ich habe die folgenden Styles definiert .MyButton { background:url('Error.png') 0 0 no-repeat !important; }

.MyButton_1 { background:url('SupportsNotes.png') 0 0 no-repeat !important; background-color:Red !important }

Und mein Control ist

Wenn ich nun einen Wert eingebe, der außerhalb des Bereichs liegt oder bei Datumsangaben, wenn das Datum in der Zukunft liegt, möchte ich das Bild im Button auf 'SupportsNotes.png' aus der CSS-Klasse MyButton_1 ändern. Ich kann keine Methode finden, um die CSS-Klasse für den Button dynamisch festzulegen.

Ich möchte dies in JavaScript machen. Kannst du mir bitte helfen?

Vielen Dank.

Grüße, Ramya

Answer 1

Schau mal... Alles sehr gut erklärt auf: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

Answer 2

Danke. Ich habe ein paar Lösungen ausprobiert und eine gefunden. Ich poste sie hier. Vielleicht benötigt sie jemand.

Radtextbox Steuerelement

test ist die Methode, die bei Blur aufgerufen wird

Pseudocode für die Testmethode:

1. Holen Sie das RadTextBox4 Radcontrol.
2. Überprüfen Sie die erforderlichen Bedingungen, z.B: if (txtbox.get_value() != '') { txtbox.Button.className = "MyButton"; }
3. Weisen Sie die Buttonklasse basierend auf dem Wert im Textfeld dynamisch zu.

In der obigen Funktion, wenn das Regex nicht übereinstimmt, weisen wir ein ungültiges Schaltflächenbild zu. Wenn das Regex übereinstimmt, weisen wir ein korrektes Schaltflächenbild zu. Wenn ein Fehler vorliegt, weisen wir ein Fehlerbild aus der CSS-Klasse zu.

.MyButton { background: url('Error.png') 0 0 no-repeat !important; } .MyButton_1 { background: url('help_16x16.png') 0 0 no-repeat !important; } .MyButton_2 { background: url('RegexError.png') 0 0 no-repeat !important; }

Daher kann der obige Code verwendet werden, um Bilder und Stile der Schaltfläche im Radtextbox dynamisch zu ändern.