JQGrid不改變頁面

Question

我在我的jqgrid表中有一個問題：我加載json，我有我的表，但我只能看到表的最後一頁，沒有改變頁面的可能性。

JS代碼：

$("#list").jqGrid(
     { 
      url:'test.json', 
      datatype: "json", 
      mtype: 'GET', 
      colNames:['id','model','cc','nation','prod'], 
      colModel:[ 
         {name:'id', index:'id', jsonmap:"id", width:25}, 
         {name:'model', index:'model', jsonmap:"model", width:50}, 
         {name:'cc', index:'cc', jsonmap:"cc", width:25}, 
         {name:'nation', index:'nation', jsonmap:"nation", width:50}, 
         {name:'prod', index:'prod', jsonmap:"prod", width:50} 
        ], 
      rowNum: "2", 
      page: "1", 
      rowList: [2,4,6], 
      autowidth: true, 
      pager: '#pager', 
      height: "100%", 
      sortname: 'id', 
      caption: "Elenco delle Moto", 
      jsonReader: {root: 'rows',page: 'page',total: 'total',records: 'records',repeatitems: false,id: 'id'}, 

      loadComplete: function() { 
       grid.setGridHeight('auto'); 
      } 
     }); 
     $("#list").jqGrid('navGrid','#pager',{edit:false,add:false,del:false,search:false}); 
     $("#visual").hide(); 

和我的JSON文件：

{ 
"total": "3", 
"page": "1", 
"records": "5", 
"rows": 
[ 
    { 
     "Id": "1", 
     "model": "shiver", 
     "cc": "750", 
     "nation": "italy", 
     "prod": "aprilia" 
    }, 
    { 
     "Id": "2", 
     "model": "monster", 
     "cc": "696", 
     "nation": "italy", 
     "prod": "ducati" 
    } 
], 
"page":"2", 
"rows": 
[ 
    { 
     "Id": "3", 
     "model": "z750", 
     "cc": "750", 
     "nation": "japan", 
     "prod": "kawasaki" 
    }, 
    { 
     "Id": "4", 
     "model": "hornet", 
     "cc": "700", 
     "nation": "japan", 
     "prod": "honda" 
    } 
], 
"page":"3", 
"rows": 
[ 
    { 
     "Id": "5", 
     "model": "speedtriple", 
     "cc": "1000", 
     "nation": "england", 
     "prod": "buell" 
    } 
] 

}

我試過很多次，但總是相同的結果..有人可以幫助我？

Answer 1

你的反應應該只包含一個網頁一次（與適當的page值話說這頁是），所以JSON的第一頁應該是這樣的：

{ 
    "total": "3", 
    "page": "1", 
    "records": "5", 
    "rows": [ 
     { "Id": "1", "model": "shiver", "cc": "750", "nation": "italy", "prod": "aprilia" }, 
     { "Id": "2", "model": "monster", "cc": "696", "nation": "italy", "prod": "ducati" } 
    ] 
} 

的jqGrid會爲進一步的要求下一頁，你應該檢查page和rows請求的參數。第一個會告訴你應該發回哪個頁面，第二個會告訴你當前頁面大小是多少（這很重要，因爲你已經使用rowList選項，所以頁面大小可以改變）。