Ext.define('Admin.view.baseCmp.BaseCombobox', { extend: 'Ext.form.field.ComboBox', xtype: 'baseCombobox', editable: false, labelSeparator: ':', labelWdith: 0, triggerAction: 'all', labelAlign: 'right', //forceSelection: true,此屬性操作時(shí)，就算去掉文字后，失去焦點(diǎn)后還是會(huì)選擇上一次選擇的記錄 autoSelect: true, selectOnfocus: true, valueNotFoundText: '', name:'', queryMode: 'local', url:'', displayField: '', valueField: '', requires:['Admin.view.baseCmp.BaseComboboxController'], controller: 'baseComboboxController', emptyIndex:-1,//自定義屬性,空值所在下標(biāo)，-1則不添加 selectIndex:0,//自定義屬性，自動(dòng)選擇下標(biāo) params:null,//自定義屬性，數(shù)據(jù)參數(shù) listeners: {  render: 'getComboData',  scope: 'controller' },});

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)    {     //服務(wù)器返回錯(cuò)誤     return ;    }    var data = dataJson.data;    //插入“全部”選項(xiàng)    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);    //如果指定選中某個(gè)值    if(combo.selectValue != null)    {     combo.select(combo.selectValue);    }    else    {     //如果指定選中某個(gè)下標(biāo)的值，-1為最后一個(gè)，> 0 則為第selectIndex個(gè)     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]);     }    }    //觸發(fā)選中事件    //combo.fireEvent('select', combo,store.getAt(combo.selectIndex));   },   failure: function (response) {    //請求服務(wù)器失敗   }  }); }});

{    xtype: 'baseCombobox',    name: "typeName",    fieldLabel: "類型",    displayField: 'typeName',    valueField: 'id',    emptyIndex:0,    multiSelect:false,    url:"/itemType/list",    listeners:{     select:'query'    }},