jqgrid. Пейджинг вообще не отображается

Question

Итак, я использую jqgrid на пару дней для веб-сайта, который я создаю, но с тех пор я не могу заставить пейджинг работать, он просто не появляется. Я использовал свой код, но попробовал разные примеры с тем же результатом.

Сейчас я использую этот код:

var mydata = [ 
    { num: "492", name: "Doug Anderson", trade: "WS" }, 
    { num: "696", name: "William Anderson", trade: "OP" }, 
    { num: "826", name: "Chris Autry", trade: "WF" }, 
    { num: "206", name: "Tom Beffa", trade: "OP" }, 
    { num: "799", name: "Glenn Bixler", trade: "LB" }, 
    { num: "360", name: "Pete Bober", trade: "OP" }, 
    { num: "7", name: "Scott Burgie", trade: "PFW" }, 
    { num: "476", name: "James Click", trade: "W" }, 
    { num: "775", name: "Bryan Darst", trade: "LB" }, 
    { num: "249", name: "Bob Dunham", trade: "LB" }, 
    { num: "10", name: "Tom Ekclund", trade: "WGF" }, 
    { num: "390", name: "Noel Edwards", trade: "W" } 
     ]; 

     $("#testT").jqGrid({ 
      datatype: "local", 
      data: mydata, 
      colNames: ["Employee #", "Name", "Trade"], 
      colModel: [ 
       { name: "num", width: 100, key: true, sorttype: "int" }, 
       { name: "name", width: 300 }, 
       { name: "trade", width: 80 }, 
      ], 
      multiselect: true, 
      pager: "#pager", 
      rowNum: 10, 
      rowList: [10, 20, 30], 
      sortname: "num", 
      sortorder: "desc", 
      viewrecords: true, 
      autoencode: true, 
      height: "auto", 
      gridview: true, 
      caption: "Equipment" 
     }); 

Я его отображения в диалоговом окне, как это:

$("#listView").dialog({ width: 680, maxWidth: 680, height: 600, maxHeight: 600, modal: true }); 

Я видел этот пример используется другими людьми, которые говорят это работает, но моя только показывает 10 записей, а поисковый материал нигде не найден.

Может ли кто-нибудь мне помочь.

Заранее благодарен!

Answer 1

Ваша сетка работает для меня, Checkout это demo для живых. С помощью этого HTML часть должна нравится,

<table id="testT"> 
<tr> 
    <td /> 
</tr> 
</table> 
<div id="pager"></div> 

Позвольте мне знать, если это помогает.

Answer 2

Похоже, у вас есть дополнительные , после { name: "trade", width: 80 }

Ваш код должен быть:

$("#testT").jqGrid({ 
    datatype: "local", 
    data: mydata, 
    colNames: ["Employee #", "Name", "Trade"], 
    colModel: [ 
     { name: "num", width: 100, key: true, sorttype: "int" }, 
     { name: "name", width: 300 }, 
     { name: "trade", width: 80 } // Note the , has been removed 
    ], 
    multiselect: true, 
    pager: "#pager", 
    rowNum: 10, 
    rowList: [10, 20, 30], 
    sortname: "num", 
    sortorder: "desc", 
    viewrecords: true, 
    autoencode: true, 
    height: "auto", 
    gridview: true, 
    caption: "Equipment" 
});