Recent Posts91
Help for ParamQuery Pro / Re: Set a delay before remote data load on filter selection
« Last post by paramvir on March 06, 2026, 10:48:02 pm »To implement a delay for your range filter and prevent the grid from refreshing instantly, you can intercept the check event within the gridOptions and wrap the filter logic in a debounce timer.
Code: [Select]
check: function(evt, ui) {
var filterGrid = this;
// Reference the main grid (adjust selector as needed)
var mainGrid = $("#grid_filter").pqGrid('instance');
// Clear existing timer to debounce
clearTimeout(mainGrid.rangeTimer);
mainGrid.rangeTimer = setTimeout(function() {
var dataIndx = ui.dataIndx;
// Get all checked values from the dropdown grid
var checkedRows = filterGrid.Checkbox( dataIndx ).getCheckedNodes()
var values = checkedRows.map(function(rd) {
return rd[ dataIndx ];
});
// Manually trigger the remote filter on the main grid
mainGrid.filter({
rules: [{
dataIndx,
condition: 'range',
value: values
}]
});
mainGrid.refreshHeaderFilter({dataIndx});
}, 1000);
}