JqGrid 未初始化答案

【问题标题】：JqGrid not being initializedJqGrid 未初始化
【发布时间】：2013-12-11 15:03:55
【问题描述】：

我正在尝试使用 jqGrid 以易于阅读的方式呈现数据以进行分析，但是我遇到了一个错误，我可以显示 Json 或网格，但不能同时显示两者。我尝试了各种解决方案来解决我的问题，但似乎都没有奏效。我检查了示例和演示，我的代码似乎是类似的，返回的 json 字符串是有效的，并且已通过 http://jsonlint.com/ 进行检查。

$(function () {
$("#grid").jqGrid ({
    url: "my_Url",
    datatype: 'json',
    mtype: "GET",
    colNames:["Column 1", "Column 2","Column 3", "Column 4", "Column 5", "Column 6"],
    colModel: [
               {name:'Column 1', index:'Column 1', width:240},
               {name:'Column 2', index:'Column 2', width:150},
               {name:'Column 3', index:'Column 3', width:150},
               {name:'Column 4', index:'Column 4', width:150},
               {name:'Column 5', index:'Column 5', width:150},
               {name:'Column 6', index:'Column 6', width:150},
              ],
    rowNum:10,
    rowList: [10, 20],
    pager: '#pagination',
    width: 1020,
    sortname:'Column 1',
    viewrecords: true,
    shrinkToFit: false,
    jsonReader : {
        page:"page",
        total:"total",
        records: "records",
        root:"rows",
        cell:"cell",
        id:"id"
    },
    caption: "my title",
});
});

$("#grid").jqGrid('setGroupHeaders', {
useColSpanStyle: true,
groupHeaders: [
               {startColumnName:'Column 2', numberofColumns:7, titleText:'Column 2'},
               {startColumnName:'Column 3', numberofColumns: 10, titleText:'Column 3'},
               {startColumnName:'Column 4', numberofColumns: 7, titleText:'Column 4'},
               {startColumnName:'Column 5', numberofColumns: 7, titleText:'Column 5' },
               {startColumnName:'Column 6', numberofColumns: 10, titleText:'Column 6'},
],
});

我返回的 json 示例：

{
"page": 1,
"total": 1,
"records": 309,
"rows": [
    {
        "id": "112",
        "cell": [
            "<a href=\"url\"> title</a>",
            "3",
            "3",
            "6",
            "4",
            "1"
        ]
    },
}

对此的任何帮助将不胜感激。

【问题讨论】：

name:'Column 1 & name:'Column 2 未包含在 ' 中，这可能会导致问题。你能做一个演示以便测试吗？
即使是 stackoverflow 内部代码荧光笔也可以说，你错过了这里的结束语 {name:'Column 1,index:'Column 1', width:240},;我没有看到有问题的确切错误，但你绝对应该解决这个问题。
我从表格中取出了相关的详细信息，并用通用列名替换了它们，这是我的错字，我现在将对其进行编辑。我的原始代码已正确包含在内。谢谢。
什么时候调用函数来设置网格？您是否尝试过使用本地对象来保存数据并查看 jqGrid 是否会显示它？您是否使用 Firebug 来查看请求是否发出并获取返回的 JSON？
我正在调用 jquery 库，jqgrid 然后是我的函数。该请求正在运行并将发布 json 数据，但不会填充网格。

标签： jquery json jqgrid jqgrid-php

【解决方案1】：

{ “页面”：1， “总数”：1， “记录”：309， “行”：[ { “id”：“112”， “细胞”： [ “ 标题”， "3", "3", "6", "4", “1” ] }, ] }

json 数据格式不正确。您错过了行的右方括号。

【讨论】：