jquery - 在 JQXGrid 的 dataAdapter 中获取过滤后的数据

Question

我在我的应用程序中使用了 JQXGrid。在初始加载中，数据从服务器检索并加载到 dataAdapter 中，dataAdapter 用作网格的源。当我过滤网格中的任何列时，我需要在 dataAdapter 中单独拥有那些过滤后的数据。谁能帮帮我。感谢您的帮助。

function loadGrid(data, ref, undo) {
//debugger;
try {
var source =
{
datatype: “json”,
datafields:
[
{ name: 'ProductionResource', type: 'string' },
{ name: 'Series', type: 'string' },
{ name: 'ItemStatus', type: 'string' },
{ name: 'FutureStatus', type: 'string' },
{ name: 'Abc1Code', type: 'string' },
{ name: 'ItemNumber', type: 'string' },
{ name: 'FirmDemands', type: 'number' },
{ name: 'NetForecast', type: 'number' },
{ name: 'PromotionalLift', type: 'number' },
{ name: 'TotalReceipts', type: 'number' },
{ name: 'ItemQuantity', type: 'number' },
],
localdata: data
};
var dataAdapter = new $.jqx.dataAdapter(source);
$(“#mainData”).jqxGrid(
{
width: ’99.5%’,
pageable: false,
height: ’100%’,
rowsheight: 30,
altrows: true,
source: dataAdapter,
groupable: true,
groups: ['Series'],
showgroupsheader: false,
groupsrenderer: function (defaultText, group, state, params) {
//return “<div style=’margin: 5px;’>” + group + “</div>”;
return “<div style=’margin: 5px;’>” + ” + “</div>”;
},
groupsexpandedbydefault: true,
sortable: false,
filterable: true,
//filtermode: ‘excel’,
columnsresize: true,
columnsreorder: true,
editable: true,
selectionmode: ‘multiplecellsadvanced’,
//autoshowfiltericon: false,
showfilterrow: false,
columnmenuopening: function (menu, datafield, height) {
var column = $(“#mainData”).jqxGrid(‘getcolumn’, datafield);
if (column.filtertype === “custom”) {
menu.height(1000);
setTimeout(function () {
menu.find(‘input’).focus();
}, 25);
}
else menu.height(height);
},
columns: [
{ text: ‘Production Resource’, datafield: ‘ProductionResource’, width: ’8.5%’, editable: false, groupable: false },
{ text: ‘Series’, datafield: ‘Series’, width: ’8.5%’, editable: false, groupable: true },
{ text: ‘Item Status’, datafield: ‘ItemStatus’, width: ’8.5%’, editable: false, groupable: false },
{ text: ‘Future Status’, datafield: ‘FutureStatus’, width: ’6%’, editable: false, groupable: false },
{ text: ‘ABC 1 (Tiers)’, datafield: ‘Abc1Code’, width: ’5%’, editable: false, groupable: false },
{ text: ‘Item #’, datafield: ‘ItemNumber’, width: ’8.5%’, editable: false, groupable: false },
{ text: ‘Firm Demands’, datafield: ‘FirmDemands’, width: ’6%’, editable: false, groupable: false },
{ text: ‘Net Forecast’, datafield: ‘NetForecast’, width: ’6%’, editable: false, groupable: false },
{ text: ‘Promotional Lift Qty’, datafield: ‘PromotionalLift’, width: ’8%’, editable: false, groupable: false },
{ text: ‘Total Receipts’, datafield: ‘TotalReceipts’, width: ’6.5%’, editable: false, groupable: false },
} catch (e) {
alert(e.message);
}

Answer 1

我们可以使用以下代码在dataAdapter中获取过滤后的数据。

var rows = $("#mainData").jqxGrid('getrows');
 var dataAdapter = new $.jqx.dataAdapter(source);
 dataAdapter.records = rows;