ExtJS编辑器网格中的自定义编辑控件

实际上,您可以根据所在的列动态返回不同的编辑器和呈现,从而轻松地完成此任务。在ColumnModel对象中,可以定义如下内容。请注意,我正在获取每个记录的类型属性以确定其类型。我有一个对象包含了我所有不同类型的编辑器,对于渲染器也是一样的,然后基于我为该单元格发出的不同编辑器或渲染器的类型。

editors: { 'default': {xtype:'textfield'},
           texttype: {xtype:'textfield'},
           numbertype: {xtype:'numberfield'},
           combotype: {xtype:'combo'}....... etc. } 

getCellEditor: function(colIndex, rowIndex) {
            var store = Ext.getCmp('mygrid').getStore();
            var field = this.getDataIndex(colIndex);
            var rec = store.getAt(rowIndex);
            var type = rec.get('type');
            if (type in this.editors) {
                return this.editors[type];
            } else {
                return this.editors['default'];
            }

        },

在editorgrid的配置部分,您需要定义 自定义编辑器:

{
  xtype: 'editorgrid',
  id   : 'mygridID',
  stripeRows: true,
  ...
  ...
  ,customEditors :  {
    //configs go here or pre-define the configs prior to this
     'columnName1' : new Ext.grid.GridEditor(new Ext.form.Combobox(configObject)),

   //configs go here or pre-define the configs prior to this
     'columnName7' : new Ext.grid.GridEditor(new Ext.form.CheckBox(configObject))
   }
}

使用此网格配置-选择整行:

selType: 'rowmodel'