Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery网格未填充JSon数据_Javascript_Jquery_Json_Jquery Ui - Fatal编程技术网

Javascript jquery网格未填充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

嗨,我无法将JSON中的数据加载到网格中

以下是我的网格代码,它为用户显示股票的价格:

      $(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', ...}