изменить задний цвет фона Textareafield

Question

Не могу изменить фон. Цвет текстового поля в EXT js4.2

css

 .disable-field{
            background: #b5b8c8 !important;
        }   

Js

 var remaskTextField = Ext.create('Ext.panel.Panel', {
         id  : 'remasksTextField',
        title: 'Remark',
        items: [ {
            id        : 'remask',
            xtype     : 'textareafield',
            name      : 'message',
            width: 310,
            height:230
        }]
     });

Я попробовал следующий код, чтобы изменить цвет.только первый может изменить backgroundColor, но верхняя строка текстового поля остается неизменной.

document.getElementById('remaskTextField').style.backgroundColor = "#c3c5ce";
Ext.getCmp('remask').addClass('disable-field');
Ext.getCmp('remasksTextField').addClass('disable-field');

Answer 1

Один подход, который работал для меня с ExtJS 4.2, это fieldStyle config:

fieldStyle : String

Необязательные стили CSSбыть примененным к элементу ввода поля.Должен быть допустимым аргументом для Ext.Element.applyStyles.По умолчанию не определено.См. Также метод setFieldStyle для изменения стиля после инициализации.

Пример:

Ext.onReady(function() {
    Ext.create('Ext.form.TextArea', {
        renderTo: Ext.getBody(),
        width: 400,
        height: 400,
        fieldStyle: "background: #b5b8c8 none repeat scroll 0 0 !important;"
    });
});