Изменение стиля кнопки в RadInput - PullRequest
Новая
       15

Изменение стиля кнопки в RadInput

2 голосов
/ 19 июля 2010

Привет У меня есть сценарий, в котором мне нужно изменить изображение кнопки в элементе управления Radinput на основе некоторых критериев.

У меня определены следующие стили .MyButton { background: url ('Error.png') 0 0 no-repeat! важный; }

.MyButton_1 { background: url ('SupportsNotes.png') 0 0 без повторений! важный; Цвет фона: красный! важно }

И мой контроль

Теперь, если я введу какое-либо значение, выходящее за пределы диапазона, или в случае дат, если дата будет будущей, я хочу изменить изображение кнопки на «SupportsNotes.png» из CSS-класса MyButton_1. Я не могу найти какой-либо метод для динамической установки класса css для кнопки.

Я хочу сделать это в JavaScript. Не могли бы вы помочь мне в этом?

Спасибо.

С уважением, Ramya

Ответы [ 2 ]

1 голос
/ 19 июля 2010

Спасибо.Я опробовал несколько решений и нашел одно.Выкладываю это здесь.Может быть, кому-то может понадобиться этот

элемент управления Radtextbox

test - это метод, вызываемый Blur

Psuedocode для метода теста:

  1. get radcontrol RadTextBox4.
  2. Проверьте требуемые условия, например: if (txtbox.get_value ()! = '') {Txtbox.Button.className = "MyButton";}
  3. Назначение класса кнопки динамически на основе значения в текстовом поле.

В приведенной выше функции, если регулярное выражение не соответствует, мы назначаем недопустимое изображение кнопки, Если регулярное выражение соответствует, мы назначаемправильное изображение кнопки, если есть ошибка, мы назначаем изображение ошибки из cssclass

.MyButton {background: url ('Error.png') 0 0 no-repeat! важный;} .MyButton_1 {background: url ('help_16x16.png') 0 0 no-repeat! Важный;} .MyButton_2 {background: url ('RegexError.png') 0 0 no-repeat! Важный;}

Таким образом, приведенный выше код можно использовать для динамического изменения изображений и стилей кнопок в radtextbox

1 голос
/ 19 июля 2010

Взгляните ... Все очень хорошо объясняют по адресу: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

...