PDA

View Full Version : grid filter feature not working



fastian
12 May 2012, 2:30 AM
Hi, i am new to Ext grid. i am using ext-4.0.7-gpl FiltersFeature.js for filtering data . i were able to make grid and add filter in that grid but i found problem in filter as it is showing filter in grid column but when i enter data filter textbox it will not filter records in grid.

My filter code is,

var filtersCfg = {
ftype: 'filters',
autoReload: false, //don't reload automatically
local: true, //only filter locally
// filters may be configured through the plugin,
// or in the column definition within the headers configuration
filters: [
{
type: 'numeric',
dataIndex: 'ID'
},
{
type: 'string',
dataIndex: 'Description'
}
]
};

var gridCondition = Ext.create('Ext.grid.Panel', {
id: 'gridCondition',
renderTo: 'gridConditions',
store: userStore,
autoHeight: true,
iconCls: 'icon-grid',
forceFit: true,
columnLines: true,
features: [{ ftype: 'filters'}],
columns: [
{
text: 'ID',
hidden: true,
dataIndex: 'ID',
flex: 0,
align: 'center'
},
{
text: 'Description',
sortable: true,
dataIndex: 'Description',
flex: 1,
filterable: true }
]
});

Please help me to fix this issue ..

Thanks,
Vicky

fastian
12 May 2012, 5:14 AM
i was missing 'filterupdate' event which fire when enter data in filter textbox. what was the code of filter update event..

Please give suggestion..

rachaelhart
13 May 2012, 7:50 PM
Hello,
I recommend that you remove the data-binding of the grid on Page_Load and use Advanced Data-binding (using NeedDataSource event) only.Please let me know whether this helps.