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();