Search code examples
extjsgridstorereset

ExtJS Store/Grid reset


I have a button that when clicked, will create a JSONstore using a url provided. The store is then loaded into a grid. If the button is clicked again, it adds all the information again (so it is listed twice). I want it so that when the user clicks the button, it clears the store/grid and then adds everything.

Any ideas on how to accomplish this?

Thanks,

EDIT ExtJS 3

datasetStore.removeAll();
datasetStore.loadData(datasetsArray);

Solution

  • It will be useful to see some code examples (and extjs version), but you can simply use loadRecords method (http://docs.sencha.com/ext-js/4-0/#!/api/Ext.data.JsonStore-method-loadRecords):

    grid.store.loadRecords([array of your new records here], {addRecords: false});
    

    {addRecords: false} indicates that existing records will be removed first.