在Extjs中動態更改TextField樣式

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.首先一定要對你的項目
2.Now一個id嘗試Ext.get('yourID').setStyle('margin-top','30px');
- 這應該

Answer 2

如果您使用的是ExtJs 4，請不要直接指定這種樣式。使用setStyle方法：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.field.Text-method-setFieldStyle