效果图:
下拉框实现代码:
tpl: Ext.create('Ext.XTemplate',
'<tpl for=".">',
'<div class="x-boundlist-item" style="color:black;background:{centername:this.showDataCenter}">{centername}</div>',
'</tpl>',
{
showDataCenter : function(centername) {
if(centername=="上海"){
return "#FFD700";
}else if(centername=="深圳"){
return "#63B8FF";
}else{
return "#AAAAAA";
}
}
}
)
显示框实现代码:
listeners : {
'select' : function(combo, records, eOpts) {
var centername=combo.getRawValue();
var bkcolor="";
if(centername=="上海"){
bkcolor="#FFD700";
}else if(centername=="深圳"){
bkcolor="#63B8FF";
}else{
bkcolor="#AAAAAA";
}
combo.setFieldStyle("background:"+bkcolor);
}
}