extjs 表单元素中的 Extjs 组合框在禁用时未灰显

Posted 2023-03-16

【中文标题】extjs 表单元素中的 Extjs 组合框在禁用时未灰显

【英文标题】：Extjs combo box within extjs form element not grayed out on disabled

【发布时间】：2021-06-10 01:54:45

【问题描述】：

我希望在禁用时使整个组合框变灰。使用“禁用”属性会禁用组合框，但是否有任何选项可以在禁用时将整个组合框变灰？目前没有变灰，extjs表单元素是否以某种方式覆盖了disabled属性？

我的组合框的代码如下所示。

Ext.define('something....', 
    controller: 'some Controller',

    initComponent: function() 
        var me,
        me = this;

        me.items = [
            xtype: 'form',
            items: [
                xtype: 'combo',
                itemId: 'nameId',
                name:'nameId',
                labelAlign: 'top',
                fieldLabel: 'Name',
                store: me._getNames(),
                valueField:'dataId',
                displayField: 'name.firstName',
                editable: false,
                disabled: someCondition?true:false
            ]
        ];
    

【参考方案1】：

disabled: true 随心所欲地工作。你可以在这里查看：https://fiddle.sencha.com/#view/editor&fiddle/3cb0

你能复习一下吗？

【讨论】：

它只会被我禁用，但不会因为禁用选项设置为 true 而变灰

你能检查一下小提琴吗？请告诉我 ExtJs 版本，如果您使用现代或经典框架以及您使用的主题。

我使用的是 4.2 版。我是 extjs 的新手，能否请您帮助 mw 了解我正在使用的主题以及它是否是现代/经典的？

将 disabled: someCondition?true:false 改为 disabled: true，也许你有问题。

@ César Zea Gómez 我尝试将其禁用为真，但即便如此，我也只看到它被禁用但没有变灰。您对问题出在哪里有任何想法吗？