1

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);
}
4

0 に答える 0