Javascript 禁用Ext.form.ComboBox中的某些项

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

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

有什么建议吗

---

提前感谢

您可以使用

beforeselect

事件取消选择，并使用

itemTpl

使禁用的项目看起来是禁用的，如：

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

listConfig:{
itemTpl:“{value}”
},
听众：{
beforeselect：功能（cmp、记录）{
return！record.get（'disabled'）；
}
}

工作示例：