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); 
      }); 
     } 
    }] 
}); 

위의 코드에서 제출 버튼을 클릭 한 후 텍스트 파일과 해당 레이블을 비활성화 할 수 있습니다.

라벨에 똑같은 기능이 필요합니다. Extjs에서 어떻게 할 수 있습니까?

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

Answer 1

당신은 요소의 스타일에 대한, 크롬의 디버거, "요소"탭에서 볼 수 있습니다. 거기에서 필드 라벨의 스타일은 선호하는 주제 인 트리톤의 opacity:0.3입니다. 이제이 스타일을 라벨에 추가 할 수 있습니다.

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