ExtJS 4 - Как убрать эффект с меток отключенных полей и отобразить их так же, как другие поля? - PullRequest
Новая
       40

ExtJS 4 - Как убрать эффект с меток отключенных полей и отобразить их так же, как другие поля?

1 голос
/ 17 сентября 2011

У меня есть форма в ExtJS, где я хочу показать некоторые текстовые файлы как «отключенные».

Для этого я использую свойство disabled: true config.Но из-за этого меняется стиль шрифта ярлыка, который не нужен.

Мне нужно отобразить метки отключенных полей так же, как и другие поля.

Пройдя через dom, я обнаружил, что для отключенных полей применяется класс, который применяется:-Отключено, но я не могу сделать это так же, как другие.

Может кто-нибудь предложить способ для этого.

Заранее спасибо.

Ответы [ 3 ]

3 голосов
/ 17 сентября 2011

установите параметр конфигурации 'disabledCls' в настройках поля формы.

Пример конфигурации 

{
  fieldLabel: 'First Name',
  name: 'first',
  allowBlank:false,
  disabled:true,
  xtype: 'textfield',
  disabledCls: 'myDisabledClass'
}

CSS 

.myDisabledClass input{
    opacity: .3;
    -moz-opacity: .3;
    filter: alpha(opacity=30);
}
1 голос
/ 24 июля 2012

Мне удалось найти решение для этого следующим образом: 

.x-item-disabled .x-form-item-label,
.x-item-disabled .x-form-cb-label {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9; 
}

Указанный выше класс может быть добавлен в пользовательский css проекта. Я протестировал его на ExtJs версии 4.1 и обнаружил, что он отлично работает.

Надеюсь, это поможет тому, кто ищет то же самое.

0 голосов
/ 27 июня 2017

Я искал то же самое, но нашел свой путь, используя просто атрибут fieldStyle в моем textfield ExtJS-объекте, например так: 

{  xtype: 'textfield',
   id: 'myTextfield',
   width:"20%",
   **fieldStyle:** 'text-align: right; **opacity: 1;**',
   style: {
     marginLeft: '10px'
   },
   disabled: true
 }
...