gridview - Extjs 在 store.save 之后保持网格滚动位置

Question

我在 a 中有一个操作列，grid.Panel它更改字段值并保存存储数据。top:0但是每次store.save调用网格滚动位置都会返回。

示例代码：

Ext.define('SF.view.Myview.List' , {
    extend: 'Ext.grid.Panel',
    viewConfig: {
        preserveScrollOnRefresh: true,
    },

    store: 'Contents',

    initComponent: function() {


        this.columns = [
            { xtype: 'actioncolumn',
            header: 'Action'
            , width: 60
            , items: [{ // change status button
                icon: 'http://whatisextjs.com/BAHO/icons/cancel.png'
                , handler: function(grid, rowIndex, colindex) {
                    var record = grid.getStore().getAt(rowIndex);
                    record.set('status',6);
                    grid.store.save();

                } 
            },

我已经尝试了该preserveScrollOnRefresh属性但没有成功。此属性适用于分页和工具栏按钮，但不适用于store.refresh/load事件。

是否可以在不丢失滚动位置的情况下保存数据并刷新行？

Answer 1

是的，调用记录的保存方法：

var record = grid.getStore().getAt(rowIndex);
record.set('status',6);
record.save();

网格中的数据也将更新。