EXTJS 4.2.0.663 : Buffered store with editor grid

Question

带有编辑器网格的缓冲存储。

我们一直在使用 4.1.1 版本并正在迁移到 4.2.0.663。我们有带有缓冲存储的编辑器网格，其中包含大量数据。编辑器网格类似于行编辑示例(除了它使用缓冲存储)。但是迁移后网格的添加功能已停止并引发错误

Ext.Error: insert operation not supported into buffered Store.

var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
        clicksToMoveEditor: 1,
        autoCancel: false
    });
// create the grid and specify what field you want
// to use for the editor at each column.
var grid = Ext.create('Ext.grid.Panel', {
    store: store,
    columns: [{
        header: 'Name',
        dataIndex: 'name',
        flex: 1,
        editor: {
            // defaults to textfield if no xtype is supplied
            allowBlank: false
        }
    }, {
        header: 'Email',
        dataIndex: 'email',
        width: 160,
        editor: {
            allowBlank: false,
            vtype: 'email'
        }
    }, {
        xtype: 'datecolumn',
        header: 'Start Date',
        dataIndex: 'start',
        width: 90,
        editor: {
            xtype: 'datefield',
            allowBlank: false,
            format: 'm/d/Y',
            minValue: '01/01/2006',
            minText: 'Cannot have a start date before the company existed!',
            maxValue: Ext.Date.format(new Date(), 'm/d/Y')
        }
    }, {
        xtype: 'numbercolumn',
        header: 'Salary',
        dataIndex: 'salary',
        format: '$0,0',
        width: 90,
        editor: {
            xtype: 'numberfield',
            allowBlank: false,
            minValue: 1,
            maxValue: 150000
        }
    }, {
        xtype: 'checkcolumn',
        header: 'Active?',
        dataIndex: 'active',
        width: 60,
        editor: {
            xtype: 'checkbox',
            cls: 'x-grid-checkheader-editor'
        }
    }],
    renderTo: 'editor-grid',
    width: 600,
    height: 400,
    title: 'Employee Salaries',
    frame: true,
    tbar: [{
        text: 'Add Employee',
        iconCls: 'employee-add',
        handler : function() {
            rowEditing.cancelEdit();

            // Create a model instance
            var r = Ext.create('Employee', {
                name: 'New Guy',
                email: 'new@sencha-test.com',
                start: Ext.Date.clearTime(new Date()),
                salary: 50000,
                active: true
            });

            store.insert(0, r);
            rowEditing.startEdit(0, 0);
        }
    }],
    plugins: [rowEditing],
});

请告知应遵循的方法。

Answer 1

与行编辑插件有类似的问题。看起来这个问题与已更改的缓冲存储内部有关。要解决此问题，您可以:

扩展行编辑插件并更改插入数据的方式。插入后说重新加载当前页面的数据左右...

从使用缓冲存储切换到使用网格的 bufferedrenderer 插件。您可以在此处找到此插件的快速概览:bufferedrenderer

做一些更深入的研究，即使不消除缓冲存储，也可能有解决方案。

我的情况我将选择第二种方式，除非我通过 ExtJs 4.2 中缓冲存储的更改来澄清所有内容......

更新:似乎缓冲存储在 4.2 中的功能有限。他们仍然是马车。现在有这个问题: commit bug