Question

我有网格细胞编辑。当有人按下进入celleditor时 - extjs需要在下一行和同一个单元格中打开编辑器。我知道，这个动作做了CellEditing类的 startEdit（）方法。但是如何从CellEditor的监听器访问该网格的CellEditing。

listeners:{
    specialkey: function(field, e){
        if (e.getKey() == e.ENTER) {
            var grid = Ext.getCmp('sheetproductionrestin');
            var store = Ext.getCmp('sheetproductionrestin').store;
            var selModel = grid.getSelectionModel();
            var selectedRecord = selModel.getLastSelected();

            var recordIndex = store.indexOf(selectedRecord);
            var nextRecord = store.getAt(recordIndex + 1);
            selModel.select(nextRecord);
        }
    }
}

此代码使下一行成为焦点，但如何从此处访问Editing Plugin并调用StartEdit？

Answer 1

如果您已为插件指定了pluginId，则可以通过getPlugin method访问插件：

var grid = Ext.create('Ext.grid.Panel',{
    plugins: [Ext.create('Ext.grid.plugin.CellEditing', {
        clicksToEdit: 2,
        pluginId: 'cellplugin'
    })],
    columns: [
        {
        header: 'Name',
        dataIndex: 'name',
        editor: {
            xtype: 'textfield',
            listeners: {
                specialkey: function(field, e) {
                    if (e.getKey() == e.ENTER) {
                        var grid = Ext.getCmp('sheetproductionrestin');
                        var store = Ext.getCmp('sheetproductionrestin').store;
                        var selModel = grid.getSelectionModel();
                        var selectedRecord = selModel.getLastSelected();

                        var recordIndex = store.indexOf(selectedRecord);
                        var nextRecord = store.getAt(recordIndex + 1);
                        selModel.select(nextRecord);

                        var plugin = grid.getPlugin('cellplugin');
                        plugin.startEdit(nextRecord, grid.columns[0]);
                    }
                }
            }
        }},
        // ...
    ],
    // ...
});

以下是jsfiddle（第一列可编辑）。

Answer 2

通常我所做的只是存储对单元格编辑插件的引用，如下所示：

myGrid.cellEditor = Ext.create('Ext.grid.plugin.CellEditing');

然后你可以像这样分配给网格：

var myGrid = Ext.create('Ext.grid.Panel',{
    plugins: [myGrid.cellEditor]

然后，当您需要开始编辑时，您可以拨打myGrid.cellEditor.startEdit(colNumber)

从编辑器监听器获取CellEditing插件

2 个答案: