Jgrid でクライアント側の並べ替えとサーバー側のページングを実現する方法。
出力は Json Response コンテナ 10 レコードのうち 1000 です。したがって、私のクエリは、現在のページに表示されている 10 件のレコードのみを並べ替えたいということです。すべてのレコードをソートする必要はありません。
以下のコードを見つけてください:
jQuery("#SubConGrid").jqGrid({
datatype: '',
height: 230,
width: 300,
colNames: ['SubcontractorID', 'Name', 'Type', 'RCBCode'],
colModel: [
{ name: 'SubcontractorID', index: 'SubcontractorID', width: 100, sortable: false, hidden: true },
{ name: 'Name', index: 'Name', width: 200, sorttype: "text", formatter: 'showlink', formatoptions: { baseLinkUrl: 'javascript:', showAction: "SelectContractor('", addParam: "');"} },
{ name: 'Type', index: 'Type', sorttype: "text", width: 50 },
{ name: 'RCBCode', index: 'RCBCode', width: 50, sorttype: "text" },
],
multiselect: false,
caption: "SubContractor",
pager: jQuery('#pageNavigation'),
viewrecords: true,
scrollrows: true,
shrinkToFit: true,
rowNum: 10,
sortable: true,
sortname: 'Name',
sortorder: 'desc',
rowList: [10, 15, 20],
pgbuttons: true,
pgtext: "Page {0} of {1}",
altRows: true,
onPaging: function (pgButton) {
GetSearchData();
}
});
function GetSearchData() {
PageMethods.GetSubContractorSearch( $("#SubConGrid").getGridParam("page"),
$(".ui-pg-selbox").val(), onGetListSuccess, onError);
}