extjs - 解决 Ext.grid.Panel 单元格中的脏标志

Question

在 Ext JS 网格中，我正在编辑单个单元格。在其中一列中，我有一个 Save 按钮，用于触发 Save 事件。如何删除已编辑单元格中的脏标志(下图中的红色框)？我不知道如何使用代理执行创建、更新和销毁选项，因为文档中有一个很好的示例，所以我计划对这些步骤执行 AJAX 请求，直到我可以进行实际的 Sencha 培训。但是，如果我直接在商店和代理上工作，脏标志自行解决，我更愿意以正确的方式进行。



JavaScript 代码:

            }, {
                header: 'Save',
                xtype: 'actioncolumn',
                align: 'center',
                width: 50,
                sortable: false,
                items: [{
                    icon: './Scripts/extjs/examples/shared/icons/fam/add.gif',
                    tooltip: 'Save Row',
                    handler: function (grid, rowIndex, colIndex) {
                        store.sync();                            
                        alert('saving');
                    }
                }]
            }, {
                header: 'Delete',
                xtype: 'actioncolumn',
                align: 'center',
                width: 50,
                sortable: false,
                items: [{
                    icon: './Scripts/extjs/examples/shared/icons/fam/delete.gif',
                    tooltip: 'Delete Task',
                    handler: function (grid, rowIndex, colIndex) {
                        store.removeAt(rowIndex);
                        store.sync();
                        alert('deleting');
                    }
                }]
            }

Answer 1

尝试这个:

// you can keep the way you are creating your Grid
Ext.create('Ext.grid.Panel', {
    // other options
    // these configs are sent to Ext.view.Table through Ext.grid.View
    viewConfig: {
        markDirty: false
    }
});

我没有测试它，但我认为这就是你所需要的。看一看:

http://dev.sencha.com/deploy/ext-4.1.0-gpl/docs/index.html#!/api/Ext.grid.View

http://dev.sencha.com/deploy/ext-4.1.0-gpl/docs/index.html#!/api/Ext.view.Table

http://dev.sencha.com/deploy/ext-4.1.0-gpl/docs/index.html#!/api/Ext.view.Table-cfg-markDirty

阅读 Ext.view.Table 类的描述，你就会明白正在做什么。