[CLOSED] How to remove a store's filter

[medusadelft]

I've added a filter to one of my stores:

this.getLeaguesStore().filter('id', 2);

But when I want to look at all records again, I have to find a way to remove the filter.

this.getLeaguesStore().filter();

doesn't work.

Of course, I can reload the whole store, but that doesn't seems efficient to me...

Any ideas (I probably overlooked something)?

Thanks in advance,
Maurice.

[medusadelft]

Found it: clearFilter(). Looked for deleteFilter and removeFilter, but didn't think of this one. I misunderstood the documentation about filter with no properties.

calling filter with no arguments simply re-applies all existing filters. As I don't have any filters defined in my Store, I thought that it returned to the previous state...(so no filtering). Maybe someone can add this to the documentation as well (no info on util.Filter how to remove them...)

[ninoguba]

I noticed that calling store.filter() with no arguments doesn't seem to re-aapply the filters as the documentation says it would. Looking at the filter() method's source doesn't seem to support this as well.

My understanding is that we can use this method to reapply the filters after we remove any of the existing filters. I agree that reloading the store's data just to reapply the filters is not ideal.

Does anybody came across this already and found a solution?

Thanks.

[c089]

See this thread where I stumbled upon a similar problem. Cloning the filters, clearing them and them reapplying as suggested in this thread should work for you.

[ninoguba]

Thanks for pointing me to that thread! Actually I've already figured out a similar way to do what I needed. Here it is below in case anyone will be interested.

		var authorizersStore = Ext.getStore('Authorizers');
		authorizersStore.filters.removeAt(filterIndex);
		authorizersStore.data = authorizersStore.snapshot.clone();
		authorizersStore.filters.each(function(item, index){
		    authorizersStore.data = authorizersStore.data.filter(new Ext.util.Filter({
				filterFn: function(record) {
					return isMatch(record,appliedFilters[index+2].getText());
				}
			}));
		});
	    authorizersStore.fireEvent('datachanged', authorizersStore);

Basically you remove a filter from the store's filters collection, reset the store's data to the clone of the store's snapshot, and then reapply the filters one by one and fire the datachanged event afterwards.

I noticed that calling filter() passing the array of filters have a different effect than calling filter() passing each item in the store's filters so just take note of this if you have a similar need in your application.