jQuery，jqgrid分页：无法切换页面

Question

Here append similar questions but I cannot find answer to my one:

In html is table id= grid and div id=pager:

Also I have mine js code:

     var myGrid = $("#grid").jqGrid({

            url: _options.gridFetch,
           datatype: "json",

            colModel:[
                {name:'id',index:'id', width:55},
                {name:'name',index:'name', width:555, editable:true},
                {name:'is_promoted',index:'is_promoted', width:165, editable:true, formatter: $.adminCategoryEntries._boolFormatter, edittype: 'select', editoptions:{value:"1:Yes;0:No"}},
                {name:'is_in_shop',index:'is_in_shop', width:165, editable:true, formatter: $.adminCategoryEntries._boolFormatter, edittype: 'select', editoptions:{value:"1:Yes;0:No"}},
                {name:'actions', formatter:'actions', width: 85, formatoptions:{keys:true}}, 
           ],

            pager: '#pager',
            jsonReader : { repeatitems: false } ,
            rowNum: 10,

            rowList: [10, 20, 500],

            viewrecords: true,

            autowidth: true,

            sortname: 'id',

            sortorder: 'desc'

        });

        myGrid.jqGrid('navGrid','#pager',{edit:false,add:false,del:false,search:false});

I've use code from other stackoverflow tutorial.

And here is my issue: If I try to change number of showed rows in my navigator I can see all stored data (86 rows) but if I set rows to ie 10 (value less than rows number)per page I always see in my navigator:

page 1 of 5

and I cannot switch it to another it always stays on first

json info:

>page: 1
>records: "86"
>rows: [{id:3, name:Ulkofilee/Naudanliha, is_promoted:1, is_in_shop:1},…]
>total: 5

thanks in advance Radek

Answer 1

Are you getting the data from a server method you can control? It's somewhat cryptic, but the data coming from your _options.gridFetch needs to have a property named "total" defined that specifies the current page that should be viewed.