GridFilters - enhanced filtering for grids

[SunWuKung]

Hi,
Is there a way to send the filter request only when the filter is 'ready' - when the filter box is closed instead of updating with every change in the box?
Eg.
with list filter - when the user finished ticking and unticking,
with text filter - when the full search text is entered?

For larger datasets and remote filtering this would be better for me.
Thanks for the help.
SWK

[sawan]

I grabbed it from the Ext 3 Demo:
http://extjs.com/deploy/dev/examples...ter-local.html

However, I found that sorting and filtering grids with a horizontal scroll bar was a) not preserving the horizontal scroll pos and b) was not displaying the column headings correctly until after the grid was scrolled or resized.

I don't know if this is by design, a bug or an incompatibility issue with the grid filter plug-in. So I put the following together until I can investigate further. It preserves the horizontal scroll pos onload (solves both my problems). I haven't found any problems with it yet...

Ext.ux.GridViewPreserveHScroll = Ext.extend(Ext.grid.GridView, {
    onLoad: function() {
        //overridden to preserve the horizontal scroll position
        this.scroller.dom.scrollTop = 0;
    }
}); 

Use an instance of this as the grid view in your grid...

        clicksToEdit: 1,
        view: new Ext.ux.GridViewPreserveHScroll(),
        loadMask: true,
        ... 

Tested in the browsers I have: IE6, IE8, FF3.5, Chrome 2, Safari 4 (Windows)

Doesn't work in Opera 9.64 for some reason - the headings display is not corrupted, but the horizontal scroll pos is not preserved.

hi,

i looked at your solution here http://www.extjs.com/forum/showthrea...127#post380127 and tried, but there is no change in the grid, in fact i get an error

a.init is not a function
[Break on this error] Ext.DomHelper=function(){var n=null;var ...(Ext.History,new Ext.util.Observable());

and the grid is not displayed

Can you pl help?

[mcouillard]

Hi,
Is there a way to send the filter request only when the filter is 'ready' - when the filter box is closed instead of updating with every change in the box?
SWK

autoReload:false, local:false

[mcouillard]

autoReload:false, local:false

Actually, setting the grid filter like that results in no action when you hit ENTER on a filter text field. State change events fire, but the store is never loaded with the chosen filter. I'm still working on a solution...

[taronja]

Hi,

I still have a problem with the icon images at the filter menu. In FF or Chrome it renders perfect but in IE I can't see the menu images. There're some solutions to that issue in the older version but don't apply to the current.
Any idea?

Internet Explorer


Firefox

[steffenk]

I like the filters. However it's hard to know if filters are applied, as you only can see it with open the column menu.
So i made a simple button in tbar to remove all filters, maybe you need the same or want enhance it:
in store listeners:

listeners: {
	datachanged: function(store){
		var hasFilters = false;
		filters.filters.each(function (filter) {
			if (filter.active) {
				hasFilters = true;
			}
		});
		if (hasFilters) {
			this.doClearFilters.show();
		} else {
			this.doClearFilters.hide();
		}
	},
	scope: this
},

and the button:

{
	text: 'Clear all Filters',
	ref: '../doClearFilters',
	handler: function() {
		filters.clearFilters();	
	},
	scope: this,
	hidden: true
},

[mcouillard]

I like the filters. However it's hard to know if filters are applied, as you only can see it with open the column menu.

Applied filters have their column header changed to be bold and italic. Maybe you're missing a CSS file?
/ext-3.1.1/examples/ux/gridfilters/css/GridFilters.css
/ext-3.1.1/examples/ux/gridfilters/css/RangeMenu.css

Also, the standard Grid Filters package comes with a clearFilters() method. Like this:

oGrid.filters.clearFilters();  // disable column filters and reload store

[steffenk]

i have the css included (of course) but i see no bold headers.
Also i think it's not that userfriendly. Think of having 3 filters active, to get back unfiltered you have to uncheck three different menus.

And in my example i already use the filters.clearFilters()

[mcouillard]

i have the css included (of course) but i see no bold headers.
Also i think it's not that userfriendly. Think of having 3 filters active, to get back unfiltered you have to uncheck three different menus.

And in my example i already use the filters.clearFilters()

Strange, I can't think of any other reason why the column headers wouldn't get styled when a filter is applied. Ext 3.1.1, I assume. Have you overridden the default filterCls from "ux-filtered-column"?

Ah! I misunderstood the "ref" part of the example. Yes, I do agree that a single method to clear all column filters is very nice - I use it, too!

[taronja]

Hi,

I still have a problem with the icon images at the filter menu. In FF or Chrome it renders perfect but in IE I can't see the menu images. There're some solutions to that issue in the older version but don't apply to the current.
Any idea?

Internet Explorer


Firefox

anybody helps?