如何變灰Extjs中的標籤

Question

如何動態變灰Extjs中的標籤。

Ext.create('Ext.form.Panel', { 
    title: 'Basic Form', 
    renderTo: Ext.getBody(), 
    bodyPadding: 5, 
    width: 350, 

    items: [, 
    { 
     xtype: 'label', 
     text: 'Field2' 
    },{ 
     xtype: 'textfield', 
     fieldLabel: 'Field', 
     name: 'theField' 
    }, 
    { 
     xtype: 'textfield', 
     fieldLabel: 'Field2', 
     name: 'theField2' 
    }], 

    buttons: [{ 
     text: 'Submit', 
     handler: function() { 

      var form = this.up('form').getForm(); 

      form.getFields().each(function(item){ 
        item.setDisabled(true); 
      }); 
     } 
    }] 
}); 

在上面的代碼中點擊提交按鈕後，我可以禁用textfiled及其標籤。

我需要模仿相同的東西標籤。我如何在Extjs中做到這一點。

https://fiddle.sencha.com/#fiddle/1bn5

Answer 1

你可以看看在Chrome的調試器，「元素」選項卡上，風格的元素。在那裏你可以看到你的首選主題Triton的字段標籤的樣式是opacity:0.3。現在你可以繼續添加這種風格的標籤以及：

this.up('form').down('label').setStyle('opacity', 0.3);