ExtJS：Ext.grid.Panel：如何在store.sync（）之后保持排序顺序？

Question

我有一个很好用的 Ext.grid.Panel，其中的列标题可以单击进行“自动”排序。 商店有“autoSync：true”。 我有一个“新建”按钮，当用户单击它时，它会创建一个没有 id 属性的空记录：

onAddClick: function(){
    this.down('#new').setDisabled(true);
    var rec = new GroupeSynergies.data.Partenaire({
        /* Valeurs par défaut des colonnes */
        description: 'Nouveau partenaire'
    });
    this.store.insert(0, rec);
},

我将记录插入到 #0 位置，因为我知道它将是自动同步（这就是实际发生的情况）。 问题是：如果你点击“id”列，它会按id asc排序，如果你再次点击，则顺序相反。

然后单击“新建”按钮，它会创建空的新记录，将其发送到服务器，并获取 id 字段已完成的结果记录，更新网格，但是......不考虑排序：同步时，返回的 id 非常高，并且无论排序顺序如何，它都位于顶部。我做错了什么？

非常感谢

（PS，我在 stackoverflow 上询问，因为 Sencha 的论坛似乎人满为患）

Answer 1

在类似的情况下，我找到的解决方案是在商店的“write”事件处理程序中添加 store.sort 。

Ext.application({

    (...)

    launch: function() {

        var myStore = this.getStore('myStore');
        myStore.on('write', function(store, operation){ store.sort('id','ASC') }; );

    }

});

根据您的需要调整排序参数。 文档 “排序”方法。

如果您在商店的代理上设置了writer，则排序也会触发简单的“更新”。为了避免这种情况，您可以测试 operation 参数的值。
文档 “写”事件。

我不知道这是否是更好的方法，这是我目前找到的唯一方法。

Answer 2

这是另一个解决方案：

Ext.define('My.data.Store', {
    extend: 'Ext.data.Store',

    sortOnWrite: false,

    resort: function () {

        var me = this;

        me.doSort(me.generateComparator());
    },

    onProxyWrite: function (operation) {

        var me = this;

        if (me.sortOnWrite && operation.wasSuccessful()) {

            me.resort();
        }
    }
});