ExtJS 4: Как создать тему для поля без соответствующей переменной? - PullRequest
Новая
       7

ExtJS 4: Как создать тему для поля без соответствующей переменной?

1 голос
/ 27 февраля 2012

Я хочу создать настраиваемое поле Ext.form.field.Field с серым цветом текста, если поле доступно только для чтения. Если он не доступен только для чтения, должен использоваться цвет текста по умолчанию.

Кажется, в файле _form.scss нет переменной, которую можно использовать для этого.

Могу ли я создать новую переменную, такую ​​как $ form-field-readonly-color ?

Ответы [ 2 ]

2 голосов
/ 28 февраля 2012

Окончательное решение: 

.x-form-field.x-form-text[readonly]  {
    color: gray !important;
}

Текстовые поля имеют два класса x-form-field и x-form-text.Атрибут «только для чтения» устанавливается ExtJS и может быть выбран в скобках, см. здесь .

Этот код может быть вставлен непосредственно в scss-файл, чтобы он не загрязнял Ext.файлы.

1 голос
/ 27 февраля 2012

Вы можете переопределить значения по умолчанию, используя свой собственный CSS: 

.x-item-disabled {
    color: #888888 !important;
    -moz-opacity: 100;
    opacity: 1;
    filter: alpha(opacity = 100);
    zoom: 1;
}
.x-form-item-label .x-item-disabled {
    color: #888888 !important;
    -moz-opacity: 100;
    opacity: 1;
    filter: alpha(opacity = 100);
    zoom: 1;
}

не может поручиться за качество оверида, но классы верны.

...