grid - 如何在 Sencha 网格中对动态添加的数据进行排序

Question

重现步骤：

1. 打开http://dev.sencha.com/deploy/ext-4.0.0/examples/restful/restful.html
2. 按 ID 列对数据进行排序
3. 添加行
4. 该行将在网格的顶部，但它可以在底部

问题：如何对动态添加的数据进行排序？

Answer 1

新添加的行被添加到存储中，参见示例代码中的 store.insert()：

 dockedItems: [{
        xtype: 'toolbar',
        items: [{
            text: 'Add',
            iconCls: 'icon-add',
            handler: function(){
                // empty record
                store.insert(0, new Person());
                rowEditing.startEdit(0, 0);
            }
        }, '-', {
            text: 'Delete',
            iconCls: 'icon-delete',
            handler: function(){
                var selection = grid.getView().getSelectionModel().getSelection()[0];
                if (selection) {
                    store.remove(selection);
                }
            }
        }]
    }]

然后使用实际值对其进行“编辑”，并相应地更新存储记录。

也许你所要做的就是打电话

store.sort('email', 'ASC');

但是刷新网格视图可能就足够了，因为毕竟您已经要求对其进行排序：

grid.getView().refresh();