我正在尝试使用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"
]
},
}
对此的任何帮助将不胜感激。
答案 0 :(得分:1)
{ “page”:1, “总数”:1, “记录”:309, “行”:[ { “id”:“112”, “细胞”: [ “标题”, “3” “3” “6” “4”, “1” ] }, ] }
json数据格式不正确。你错过了一个正确的方括号行。