Extjs 可 编辑的grid行

Extjs默认的column只有两种，文本和actioncolumn，当然，我们可以返回一个自定义的html标签，比如

columns :
[ {
  header : '主机名称',
  dataIndex : 'hostName',
  renderer : function(value) {
      return '<a href="javascript:void(0);" data-qtip="察看该主机下的服务信息" >'+value+'</a>';
  }
}]

...

自然，这里也可以返回combobox，radio等html组建；但有时候，我们需要使用Editor，对其进行编辑，这时候就要使用Editor。

此时，要加入

             plugins: [
              Ext.create('Ext.grid.plugin.CellEditing', {
              clicksToEdit: 1
              })
              ],

然后，在column中写成

        header : '服务类型',
        dataIndex : 'appType',
        editor : new Ext.form.ComboBox({
        store :mytore,
          displayField : 'value',
          valueField : 'key',
          mode: 'local',
          editable : false,
          forceSelection :true,
          triggerAction :'all',
          selectOnFocus :true,
          allowBlank :false,
          typeAhead: true
})