Extjs combox动态加载数据自定义控件

通过前面的资料，我需要做一个加载部门的领导的combox，而且用到很多地方，于是自定义了一个combox组件代码如下：

LeaderCombox = Ext.extend(Ext.form.ComboBox, {
   fieldLabel : 'Label',
   fieldLabel : "审核人",
   width : 135,
   mode : 'local', // 直接从本地获得数据(已通过nativeStore.load()将数据加载到本地，不需要用
       // remote 再从服务器获取)
   name : "leader",
   // hiddenName : "enativeplace", //通过隐藏着值将value的值传提交到后台
   valueField : 'id',
   displayField : 'name',
   triggerAction : "all", // 设置下拉选择,如果没设置，选中一个之后，不能再重选其他的选项
   editable : false,
   emptyText : "请选择审核人..",
  url:null,
   initComponent : function() {
    var store = new Ext.data.Store({
     scope:this,
       proxy : new Ext.data.HttpProxy({
                scope:this,
          url : this.url
         }),
       reader : new Ext.data.ArrayReader({}, [{
            name : 'id'
           }, {
            name : 'name'
           }])

      })

    store.load();
    this.store = store;
    LeaderCombox.superclass.initComponent.call(this);
   }
});

使用的时候只需要如下方式即可，这样在每个需要的地方调用即可，很方便

new LeaderCombox({url:'combox.jsp'})

combox。jsp返回的数据形式如下：

[ ['3', 'Three'], ['4', 'Four'], ['5', 'Five'],['6', 'Six'], ['7', 'Seven'], ['8', 'Eight'], ['9', 'Nine']]