Jqgrid分页

Question

分页不起作用。这是我的网格代码

$('#tblGridId').jqGrid({
        url: 'JHandler/PakedOpening.ashx',
        datatype: 'json',
        mtype:'Get',
    colNames: ['Item Send', 'Use Lot No.', 'Packing Type', 'Design No.', 'Bundle', 'Thaan', 'Quantity', 'Action'],
    colModel: [
        { name: 'ITEMSEND', width: 150, sortable: true },
        { name: 'LOTNO.', width: 70, sortable: true },
        { name: 'PACKINGTYPE', width: 70, sortable: true },
        { name: 'DESIGNNO.', width: 70, sortable: true },
        { name: 'BUNDLE', width: 70, sortable: true },
        { name: 'THAAN', width: 70, sortable: true },
        { name: 'QUANTITY', width: 70, sortable: true },
    //    { name: 'WAREHOUSE', width: 100, sortable: true },
        { name: 'ACTION', width: 50, sortable: false },
    ],
    height: 'auto',
    autowidth: 'auto',
    rownum: 20,
    LoadOnce: true,
    rowList: [50, 100, 200, 400],
    pager: 'tblGridPager',
    sortName: 'ItemSend',
    viewrecords: true,
    sortorder: 'asc',
    caption: 'Opening',
    emptyrecords: 'No Records To Display',
    jsonreader: {
        repeatitems: false,
        Id:'0',
    },
    multiselect: false
});

$('#tblGridId').jqGrid('navGrid', '#tblGridPager', { edit: false, add: false, del: false, paging:true, search: false });

`

Answer 1

您可以使用解决方案http://jsfiddle.net/QEzhr/1435/

    <table id="tblGridId" > </table> <div id="tblGridPager" style="text-align:center" > </div>