javascript - 禁用 Ext.form.ComboBox 中的某些项目

Question

我有一个 ExtJS 4 Web 应用程序，其中有一个 Ext.form.ComboBox，我需要在其中禁用某些项目的可选功能。

是的，我知道我可以在组合框的商店中过滤这些项目 - 但在这种情况下，我实际上确实希望用户看到这些不可选择的项目 - 我只是不希望他们能够选择它们。

有什么建议吗？

提前致谢

Answer 1

您可以使用 beforeselect 事件取消选择，并使用 itemTpl 使禁用的项目看起来已禁用，例如:

listConfig: {
    itemTpl: '<div {[values.disabled ? \'class="disabled"\' : \'\']}>{value}</div>'
},
listeners: {
    beforeselect: function(cmp, record){
        return !record.get('disabled');
    }
}

工作示例:https://fiddle.sencha.com/#fiddle/v4t