如何在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及其标签。

我需要模仿Labels一样的东西。我怎么能在Extjs中做到这一点。

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

Answer 1

您可以查看Chrome的调试器，＆＃34; Elements＆＃34; tab，用于元素的样式。在那里，您会看到字段标签的样式在您喜欢的主题Triton中为opacity:0.3。现在您可以继续将此样式添加到标签中：

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