Javascript 如何在extjs中使用名称向combobox添加颜色

颜色来了，但我不能选择

{
xtype:“组合框”，
主播：100%，
fieldLabel:“柔和颜色”，
选择：对，
是的，
名称：'mildColor'，
valueField:'id'，
绑定：{
存储：“{mildcolor}”
},
第三方物流：[
“
”，
'',
“
{text}
”，
'',
“
”
]，

}

[

---

请有人帮助我

您可以使用tpl根据您的要求定制组合框模板。
请检查以下小提琴：

//包含状态列表的数据存储
var states=Ext.create（'Ext.data.Store'{
字段：['abbr'，'name']，
数据：[{
“缩写”：“AL”，
“颜色”：“E20404”，
“姓名”：“阿拉巴马州”
}, {
“缩写”：“AK”，
“颜色”：“B2FC00”，
“名称”：“阿拉斯加”
}, {
“缩写”：“AZ”，
“颜色”：“2719F7”，
“名称”：“亚利桑那州”
}
//...
]
});
//创建附加到状态数据存储的组合框
Ext.create（'Ext.form.ComboBox'{
fieldLabel:“选择状态”，
商店：美国，
queryMode:'本地'，
displayField:'名称'，
valueField:'缩写'，
第三方物流：[
“
”，
'',
“
{name}
”，
'',
“
”
],
renderTo:Ext.getBody（）
});

您可以使用tpl根据自己的要求定制组合框模板。
请检查以下小提琴：

//包含状态列表的数据存储
var states=Ext.create（'Ext.data.Store'{
字段：['abbr'，'name']，
数据：[{
“缩写”：“AL”，
“颜色”：“E20404”，
“姓名”：“阿拉巴马州”
}, {
“缩写”：“AK”，
“颜色”：“B2FC00”，
“名称”：“阿拉斯加”
}, {
“缩写”：“AZ”，
“颜色”：“2719F7”，
“名称”：“亚利桑那州”
}
//...
]
});
//创建附加到状态数据存储的组合框
Ext.create（'Ext.form.ComboBox'{
fieldLabel:“选择状态”，
商店：美国，
queryMode:'本地'，
displayField:'名称'，
valueField:'缩写'，
第三方物流：[
“
”，
'',
“
{name}
”，
'',
“
”
],
renderTo:Ext.getBody（）
});

如果要更改

组合中的颜色，请添加
更改
侦听器并执行此操作

changeHandler: function(combo, nVal, oVal) {
    var oRec = combo.findRecordByValue(oVal), nRec = combo.findRecordByValue(nVal);
    oRec && combo.inputEl.removeCls(oRec.get('cls'));
    nRec && combo.inputEl.addCls(nRec.get('cls'));
}

如果要更改
组合中的颜色
请添加
更改
侦听器并执行此操作

changeHandler: function(combo, nVal, oVal) {
    var oRec = combo.findRecordByValue(oVal), nRec = combo.findRecordByValue(nVal);
    oRec && combo.inputEl.removeCls(oRec.get('cls'));
    nRec && combo.inputEl.addCls(nRec.get('cls'));
}

请帮助我无法选择它们我正在使用extjs 6i编辑上面的问题注意我的代码我无法在组合框中选择值就像CSS你想在选择任何值时也在显示字段中选择颜色…？看，当我打开组合框时，我甚至无法选择其中任何一个数据和颜色商店准备好了，但我不知道为什么它无法工作我浪费了3小时，但没有结果；）请告诉我您使用的是哪个版本的extjs请帮助我无法选择它们我正在使用extjs 6i编辑上述问题注意我的代码我无法在组合框中选择值就像CSSY选择任何值时您想在显示字段中选择颜色…？查看我打开组合框时，我甚至无法选择其中的任何数据和颜色是好的商店准备好了，但我不知道为什么它不能工作我浪费了3个小时，但没有结果；）请告诉我你正在使用哪个版本的extjs