Javascript jquery网格未填充JSon数据
嗨,我无法将JSON中的数据加载到网格中 以下是我的网格代码,它为用户显示股票的价格:Javascript jquery网格未填充JSon数据,javascript,jquery,json,jquery-ui,Javascript,Jquery,Json,Jquery Ui,嗨,我无法将JSON中的数据加载到网格中 以下是我的网格代码,它为用户显示股票的价格: $(document).ready(function () { // $("#jQGrid").html("<table id=\"list\"></table><div id=\"page\"></div>"); jQuery("#jqTable").jqGrid({ ur
$(document).ready(function () {
// $("#jQGrid").html("<table id=\"list\"></table><div id=\"page\"></div>");
jQuery("#jqTable").jqGrid({
url:jqDataUrl,
datatype: "json",
mtype: "POST",
height: 250,
// Specify the column names
colNames: ["SYMBOL", "LAST", "CHANGE", "%CHANGE","HIGH/LOW"],
// Configure the columns
colModel: [
{ name: "SYMBOL", index: "SYMBOL", width: 200, align: "left" },
{ name: "LAST", index: "LAST", width: 200, align: "left" },
{ name: "CHANGE", index: "CHANGE", width: 200, align: "left" },
{ name: "%CHANGE", index: "%CHANGE", width: 200, align: "left"},
{ name: "HIGH/LOW", index: "HIGH/LOW", width: 200, align: "left"}
],
jsonReader : {
root: "rows",
page: "page",
total: "total",
records: "records",
cell: "cell",
id: "id",
},
multiselect: false,
// paging: true,
// rowNum:10,
// rowList:[10,20,30],
pager: $("#jqTablePager"),
loadonce:true,
caption: "WatchList"
}).navGrid('#jqTablePager',{edit:false,add:true,del:true});
}
请帮助我解决问题更新:
我发现,若不将repeatitems:true选项放入json阅读器,jqGrid会假定您使用的是json点符号。当您将其放入jsonReader时,您的数据已正确加载。下面是一个工作示例:
旧版本:
我经常使用您的jqgrid代码,而这个版本的jqgrid中似乎有一个bug,导致您的jsonReader无法工作。它直接读取数据,忽略根元素,并假设您的数据是json对象数组的格式
{propertyName1:'PropertyValue1', propertyName2:'PropertyValue2', ...}
你可以在电视上看到我的意思
如果将数据:行替换为数据:数据您的数据格式,则不会加载数据。也许您应该尝试将json数据更改为使用真正的json格式,并将属性命名为列
我一直在尝试很多东西,更改列名以检查@Barmar的coment中是否存在问题,我也认为这是原因。colModel中的名称用作HTML元素ID,因此它们应该遵循这些规则。%和/或不应在元素ID中使用。不过,我不知道这是否能解决问题。
{propertyName1:'PropertyValue1', propertyName2:'PropertyValue2', ...}