Extjs 下拉框combo实现显示框和下拉框加背景色

效果图：

下拉框实现代码：

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);
}
}