Динамическое изменение стиля TextField в Extjs

Question

Я пытаюсь установить фоновый цвет и цвет TextField (для маскировки пароля) в событии щелчка флажка. Мой лучший выбор:

var hidePass = new Ext.form.Checkbox({ 
      xtype: 'checkbox', 
      boxLabel: 'Hide Password', 
      name: 'hidePass', 
      handler: function (checkbox, checked) { 
       if (checked) { 
        pass1.fieldStyle = 'background-color: #ddd; background-image: none;'; 
       } 
      } 
     }); 

этот код не работает. Ошибок не возникает. Я не знаю, куда идти отсюда. Я искал везде и не могу найти ничего подобного. Я не могу найти никаких свойств или методов для изменения стиля, который работает.

Answer 1

1.First убедитесь, чтобы иметь идентификатор для вас пункта
2.Now попробовать Ext.get('yourID').setStyle('margin-top','30px');
--This должен работать

Answer 2

Если вы используете ExtJs 4, не назначайте такой стиль прямо. Используйте setStyle метод: http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.field.Text-method-setFieldStyle