javascript - 如何在 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

您可以在 Chrome 的调试器“元素”选项卡中查看元素的样式。您可以看到，在您喜欢的主题 Triton 中，字段标签的样式为 opacity:0.3。现在您也可以继续将此样式添加到标签中:

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