Row filter not working in grid inside tabs

[phillerParticipant]

Hello!

I have a jqxTabs with inside three object jqxGrid, all identical, they changing only for the contents.
Each jqxGrid is filterable and contains a filter row.
The filter is working ONLY in the first Grid, infact if I try to filter something in the others twos nothing appens.

Every definitions of the grids are equals, I will post the first one:

`$(“#jqxgridclose”).jqxGrid(
{
width: ‘100%’,
height: ‘100%’,
selectionmode: ‘multiplerowsextended’,
filterable: true,
sortable: true,
source: dataAdapterChiusi,
theme: theme,
localization: getLocalization(),
groupable:
editable: true,
editmode: ‘dblclick’,//’click’, ‘dblclick’, ‘selectedcell’
showstatusbar: true,
columnsresize: true,
columnsreorder: true,
altrows: true,
enabletooltips: true,
pageable: true,
pagesize: 20,
pagesizeoptions: [5, 10, 15, 20, 25, 30, 40, 50, 60, 100],
showfilterrow: true,
…
});

I’m posting also the jqxTabs definitions:

// initialize jqxTabs
$(“#jqxTabs”).jqxTabs({ theme: theme, width: ‘100%’, height: ‘100%’, position: ‘top’, selectionTracker: ‘checked’});

//Selected event
$(“#jqxTabs”).on(‘selected’, function (event) {
var tab = $(“#jqxTabs”).val();
switch (tab) {
case 0:
$(“#jqxgriOpen”).jqxGrid(‘updatebounddata’);
break;
case 1:
$(“#jqxgridRev”).jqxGrid(‘updatebounddata’);
break;
case 2:
$(“#jqxgridclose”).jqxGrid(‘updatebounddata’);
break;
}
});

[VladimirParticipant]

Hello philler,

There is no reason why 3 grids should not work in 3 seperate tabs as long as they use their own variables.
You have probably copy/pasted a shared variable somewhere in your code and that could be preventing your grids from working.
Also please take a look at this demo on how to properly initialize your grids.

Please create a jsfiddle or jseditor sample to demonstrate the issue.

Best Regards,
Vladimir

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts