Как показать полный столбец как редактируемый в сетке 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 ()