extjs - 如何在 extjs 网格（单元格编辑）中将完整列显示为可编辑？

Question

我正在使用单元格编辑插件来编辑单元格。但这就像当我们单击该列时，它将进入编辑模式。我想显示带有可编辑文本框的完整列。

目前我正在使用以下代码使其可编辑。

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


columns: [
    { text: ... },
    { text: ... },
    { text: ... },
    { text: 'TText', flex: 1, dataIndex: 'TText',
        editor: {
            xtype: 'textfield',
            allowBlank: false
        }
    }

]

Answer 1

我认为这对您的场景来说足够好：

columns: [
    { text: ... },
    { text: ... },
    { text: ... },
    { text: 'TText', flex: 1, dataIndex: 'TText',
        editor: {
            xtype: 'textfield',
            allowBlank: false
        },
        renderer: function(value, metaData){
            metaData.style = "border: 1px gray solid;";
            return value;
        }
    }

]

Answer 2

等待beforeedit事件然后

... Ext.grid.plugin.CellEditing', {
              clicksToEdit: 1,
              listeners: {
                 beforeedit: function( oEditor, oOptions ) {

// for each record start the edit mode 'startEdit()' 
   } 
}

检查文档：startEdit()