GridFilters - enhanced filtering for grids

[asbestos girl]

Taronja, what version of Ext are you using? And do you have the latest code from the site? I do and i have no such problem (using 3.0.0).

[taronja]

I also use 3.0.0 Thanks for the reply

[asbestos girl]

Same as me then. Do you have the latest GridFilters code?
Does your GridFilters.css look like this?

/*!
 * Ext JS Library 3.0+
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/**
 * GridFilters Styles
 **/
/*
.x-grid3-hd-row .ux-filtered-column {
        border-left:  1px solid #C7E3B4;
        border-right: 1px solid #C7E3B4;
}

.x-grid3-hd-row .ux-filtered-column .x-grid3-hd-inner {
        background-image: url(../images/header_bg.gif);
}

.ux-filtered-column .x-grid3-hd-btn {
        background-image: url(../images/hd-btn.gif);
}
*/
.x-grid3-hd-row td.ux-filtered-column {
    font-style: italic;
    font-weight: bold;
}

.ux-filtered-column.sort-asc .x-grid3-sort-icon {
        background-image: url(../images/sort_filtered_asc.gif) !important;
}

.ux-filtered-column.sort-desc .x-grid3-sort-icon {
        background-image: url(../images/sort_filtered_desc.gif) !important;
}

.ux-gridfilter-text-icon {
        background-image: url(../images/find.png) !important;
}

/* Temporary Patch for Bug ??? */
.x-menu-list-item-indent .x-menu-item-icon {
        position: relative;
    top: 3px;
    left: 3px;
        margin-right: 10px;
}
li.x-menu-list-item-indent {
        padding-left:0px;
}
li.x-menu-list-item div {
        display: inline;
}

[taronja]

have you commented anything in this file?

Mine is the same but not commented. I'll copy yours and I'll try. Thank you!

[asbestos girl]

Hi,
i have not commented it out, it came like this from the GridFilters example include files on extjs site. I suspect you dont have the latest version then. Try downloading the include files from the example and see if it will work then

[taronja]

no luck abestos girl. I still can't see menu images. But in the css file you've posted there's no style to the < > and = images, that are the ones I can't see.
The column icon which notice that you have some filter applied is visible to me, also de image for sorting columns.


!!!!SOLVED!!!!! IT WAS THE CSS ORDER IN MY MAIN FILE. THANK YOU ALL FOR HELPING

[mcouillard]

anybody helps?

Can you post the code of your grid and it's filter configuration? Could be as simple as an extra comma because something seems to be making IE think your column filters are disabled (that gray font color is my clue).

[taronja]

filtering is working right. the grey colour is the mouseover the text menu effect. everything is going ok but the images on the menu. the < > and = symbols and the find icon for strings filtering doesn't appear in place with IE8 but it renders right with FF and Chrome, as seen in my first post

[pmdarrow]

Hi all. Is there any way filter a column that's rendered using multiple data columns? For instance, I have a grid column with the header "Full Address" that uses a custom renderer ("addressRender") to combine Street, City, State/Province, Zip/Postal Code, and Country for each row. The column definition looks like this:

{ header: 'Full Address', dataIndex: 'Street', sortable:  true, width:  168, renderer: this.addressRenderer }

Notice that although the dataIndex is only 'Street', the render appends the data from the other columns using record.data.City, record.data.Country, etc. This poses a problem for the filtering plugin though because filters are defined by dataIndex and not column header.

The following filter definition will add filtering to the "Full Address" column but will only build queries against the Street column, not all of the other columns:

  new Ext.ux.grid.GridFilters({ 
      filters: [
        { dataIndex: 'Street', type: 'string' }
      ],
    })
  },

Can anyone suggest a way to modify the grid filters plugin to work in this case?

[SunWuKung]

Hi,
I would like to set the comparison type for string filter - currently its LIKE, but it could also be (at least) NOT LIKE, or REGEXP.
Ideally I would like to do it with a dropdown in the filter, but that looks difficult.
For most of my cases it would be enough if I could specify the comparison type sent to the server when I define the string filter.

Could someone tell me how to do this?
Many thanks.
SWK