CODEWITHSUNDEEP
extjs
MNR
MNR

Reputation: 1073

ExtJs Gridpanel store refresh

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, after deleting, the grid does not refresh (it is deleted from database but shows on grid because of no refresh).

How can I refresh grid after delete handler ?

Upvotes: 32

Views: 119726

Answers (10)

Sachet Patil
Sachet Patil

Reputation: 58

Refresh Grid Store

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

This will reload the grid store and get new data.

Upvotes: 2

dr17my
dr17my

Reputation: 171

Combination of Dasha's and MMT solutions:

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

Upvotes: 4

Gerd
Gerd

Reputation: 611

grid.getStore().reload({
  callback: function(){
    grid.getView().refresh();
  }
});

Upvotes: 4

jslivka
jslivka

Reputation: 361

Another approach in 3.4 (don't know if this is proper Ext): You can have a delete handler like this, assuming every row has a 'delete' button.

handler: function(grid, rowIndex, colIndex) {
    var rec = grid.getStore().getAt(rowIndex);
    var id = rec.get('id');
    // some DELETE/GET ajax callback here...
    // pass in 'id' var or some key
    // inside success
    grid.getStore().removeAt(rowIndex);
}

Upvotes: 2

anitacynax
anitacynax

Reputation: 255

I had a similiar problem. All I needed to do was type store.load(); in the delete handler. There was no need to subsequently type grid.getView().refresh();.

Instead of all this you can also type store.remove(record) in the delete handler; - this ensures that the deleted record no longer shows on the grid.

Upvotes: 5

Yuttapol
Yuttapol

Reputation: 127

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

Upvotes: 11

andrew
andrew

Reputation: 412

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

Upvotes: 4

shane87
shane87

Reputation: 3120

try this grid.getView().refresh();

Upvotes: 4

Dasha Salo
Dasha Salo

Reputation: 5169

Try refreshing the view:

Ext.getCmp('yourGridId').getView().refresh();

Upvotes: 44

MMT
MMT

Reputation: 2216

reload the ds to refresh grid.

ds.reload();

Upvotes: 13

Related Questions