JQGrid и JSON Reader

Question

Я довольно новичок в jQuery и только начал работать с jqGrid. Я просмотрел документы jqGrid, чтобы выяснить, как отобразить некоторые данные, которые я получаю обратно в формате JSON, в своей сетке, но безрезультатно. Когда я создаю сетку, она отображается с правильными заголовками, информацией о пейджере и т. Д. И через Firebug, и я вижу запрос и ответ данных JSON. Приведенный ниже jsonReader является одним из многих, которые я пробовал, и в функциях обратного вызова я могу записывать определенные значения, которые я получаю обратно, чтобы я знал, что я получаю данные.

Как мне правильно загрузить указанный ниже JSON в jqGrid?

Вот соответствующий код:

HTML:

<div id="dataInfo">
    <table id="dataTable"></table>
    <div id="dataTablePager"></div>
</div>

JS

jQuery("#dataTable").jqGrid({
              url: 'http://<snip>',
              mtype: 'GET',
              datatype: 'json',
              jsonReader: {
                  root: 'ipResponses',
                  id: 'startIP',
                  repeatitems: false,
                  page:  function(obj) { return 1; },
                  total: function(obj) { return 1; },
                  records: function(obj) { return obj.ipInfo.ipResponses.length; },
                  userdata: "userData"
              },
              colNames: ['StartIP', 'EndIP'],
              colModel: [
                  {
                      name: 'startIP',
                      index: 'startIP',
                      width: 55
                  }, 
                  {
                      name: 'endIP',
                      index: 'endIP',
                      width: 55
                  }
              ],
              pager: '#dataTablePager',
              rowNum: 8,
              rowList: [25,50,100],
              sortname: 'startIP',
              sortorder: 'asc',
              viewrecords: true,
              caption: 'Data',
              pgtext:"Page {0}"
          });

JSON

{
    "ipInfo": { 
        "queryStartIP": "4.4.4.0", 
        "queryEndIP": "4.4.4.256", 
        "ipResponses": [
            { "startIP": "4.4.4.1", "endIP": "4.4.4.5"},
            { "startIP": "4.4.4.10", "endIP": "4.4.4.15"}
        ]
    }
}

Answer 1

Ваша основная проблема - небольшие изменения в jsonReader.Это может быть, например,

jsonReader: {
    root: 'ipInfo.ipResponses',
    id: 'startIP',
    repeatitems: false,
    page:  function(obj) { return 1; },
    total: function(obj) { return 1; },
    records: function(obj) { return obj.ipInfo.ipResponses.length; },
}

Тот же jqGrid с некоторыми косметическими изменениями, которые вы можете увидеть вживую под http://www.ok -soft-gmbh.com / jqGrid / ipInfo.htm .