How to clear Ext JS store without affecting/deleting records in the server

Question

I have a Ext JS grid store with autosave set to false.

I want to clear ONLY the local store, without affecting/deleting records in the server.

If I try store.removeAll(), then when the next store write occurs, all records are deleted.

How to call store.removeAll with clearing all pending changes after it?

can you provide your store and proxy code? – JamesHalsall Feb 19 '11 at 23:59 — JamesHalsall, Feb 19 '11 at 23:59

score 52 · Accepted Answer · answered Sep 29 '11 at 18:05

52

Store.loadData([],false);

This statement drop local cache and not send changes to server side

answered Sep 29 '11 at 18:05

Anton

thats really great.. I was unware about this and was using `removeAll()` – Aman Gupta Jul 23 '14 at 10:32

geographika · Answer 2 · 2014-02-12T14:31:46.580

The removeAll has a silent parameter that can be used to clear records rather than delete from the server:

gridPanel.store.removeAll(true);

From the code comments:

    if (silent !== true) {  // <-- prevents write-actions when we just want to clear a store.
        this.fireEvent('clear', this, items);
    }

If you then manually want to update a GridPanel to clear all rows you need to call:

gridPanel.view.refresh();

score 2 · Answer 3 · answered Sep 05 '12 at 16:03

2

For ExtJS 4.1, this will clear buffer cache (prefetched data), so the next time you load (or loadPage), store will reload the pages from scratch:

store.pageMap.clear();

which was previously done as:

store.prefetchData.clear();

answered Sep 05 '12 at 16:03

PavelHolec

score 1 · Answer 4 · answered Feb 20 '11 at 05:05

1

Ok, from what I understand you want to ignore changes to the local store and not send it to the server side. Have you tried using:

myStore.rejectChanges();

This method clears all outstanding changes on all modified records. This will reject all pending changes.

answered Feb 20 '11 at 05:05

4 Answers4