Question

我正在使用单元格编辑插件来编辑单元格。但就像我们点击该colunm一样，它将转移到编辑模式。我想用可编辑的文本框显示完整的列。

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

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()

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

2 个答案: