如何在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();