ExtJs Gridpanel store refresh

Question

I am binding ExtJs Gridpanel from database and add \"Delete\" button below my gridpanel. By using the delete button handler, I have deleted selected record on gridpanel. But

Answer 1

Refresh Grid Store

Ext.getCmp('GridId').getStore().reload();

This will reload the grid store and get new data.

Answer 2

grid.store = store;
store.load({ params: { start: 0, limit: 20} });
grid.getView().refresh();

Answer 3

It's better to use store.remove than model.destroy. Click handler for that button may looks like this:

destroy: function(button) {
    var grid = button.up('grid');
    var store = grid.getStore();
    var selected = grid.getSelectionModel().getSelection();

    if (selected && selected.length==1) {
        store.remove(selected);
    }
}

Answer 4

Combination of Dasha's and MMT solutions:

  Ext.getCmp('yourGridId').getView().ds.reload();