也已经写了很久时间的extjs ，每次都用到很多的comboBox，配置很多东西觉得实在是太麻烦，所以根据常用到的情况写了一个简便的comboBox，再次记录下来，以免放在某个地方忘记了找不到了。

定义一个基本的baseComboBox类，如下。

<div class="jb51code">
<pre class="brush:js;">
Ext.define('Admin.view.baseCmp.BaseComboboxController',{
extend: 'Ext.app.ViewController',alias: 'controller.baseComboboxController',getComboData: function (combo) {
Ext.Ajax.request({
url: combo.url,method :'POST',params:combo.params,success: function (response) {
var dataJson = Ext.decode(response.responseText);
if(dataJson.state != 200 || dataJson.data == null || dataJson.data.length == 0)
{
//服务器返回错误
return ;
}
var data = dataJson.data;
//插入“全部”选项
if(combo.emptyIndex >= 0)
{
var emp = {};
emp[combo.displayField] = "全部";
emp[combo.valueField] = "全部";
Ext.Array.insert(data,combo.emptyIndex,[emp]);
}
var store = Ext.create('Ext.data.Store',{
fields: Ext.Object.getKeys(data[0]),data: data
});

combo.setStore(store);
//如果指定选中某个值
if(combo.selectValue != null)
{
 combo.select(combo.selectValue);
}
else
{
 //如果指定选中某个下标的值，-1为最后一个，> 0 则为第selectIndex个
 if(combo.selectIndex == -1)
 {
  console.log(data.length - 1);
  combo.select(data[data.length - 1][combo.valueField]);
 }
 else
 {
  combo.select(data[combo.selectIndex][combo.valueField]);
 }

}

//触发选中事件
//combo.fireEvent('select',combo,store.getAt(combo.selectIndex));

},failure: function (response) {
//请求服务器失败
}
});

}
});