Refresh extjs data store record count after record deletion by rest webservice

Question

I'm deleting a row in a grid by getting its id and call a rest web service to delete it from database. The data grid is updated by the call of store.load(); The issue is that the record count never change unless I refresh the pages.

success : function (response) {
    console.log("count before load" + pDetailsTab.tvsListGrid.store.getCount());
    pDetailsTab.tvsListGrid.store.load();
    console.log("count after load " + pDetailsTab.tvsListGrid.store.getCount());
    if (pDetailsTab.tvsListGrid.store.getCount() >= 1) {
        console.log("inside if");
        pDetailsTab.tvsListGrid.getSelectionModel().select(0);
    } else if (pDetailsTab.respSGrid.store.getCount() >= 1) {
        pDetailsTab.respSGrid.getSelectionModel().select(0);
    }
    ExtjsUtils.hideWait();
}

Here is the output of console.log (I have replaced some output with '...'):

count before reload 1 ...
...
count after reload 1 ...

I've searched the internet but in vain. Any idea please?

Sofiane Sofiane · Accepted Answer · 2014-02-21T21:14:13

The issue is that load() is asynchronous. This code must be as follows :

pDetailsTab.tvsListGrid.store.load({
    scope: this,
    callback : function(records, operation, success) {
        console.log("count after load " + pDetailsTab.tvsListGrid.store.getCount());
        if (pDetailsTab.tvsListGrid.store.getCount() >= 1) {
            console.log("inside if");
            pDetailsTab.tvsListGrid.getSelectionModel().select(0);
        } else if (pDetailsTab.respSGrid.store.getCount() >= 1) {
            pDetailsTab.respSGrid.getSelectionModel().select(0);
        }
        ExtjsUtils.hideWait();
});

Please check the exjts doc of the version 4.1.3 http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.data.Store-method-load

Refresh extjs data store record count after record deletion by rest webservice

3 Answers