如何将JSON数据加载到Jqgrid？

我使用以下方式将数据加载到jqgrid中。我无法将json数据加载到jqgrid中。我将json解析为数组，如mydata = json.parse（jsondata） 。然后我绑定此数组（mydata）进入jqgrid使用数据类型：“local” .my问题是如何将json数据绑定到jqgrid？

$("#datagrid").jqGrid({ datatype: "local", data: mydata, colNames:['companyid','company', 'price', 'Change','perchange','LastUpdated'], colModel:[ {name:'companyid',index:'companyid', width:100,editable:true,editoptions:{size:10}}, {name:'company',index:'company', width:100,editable:true}, {name:'price',index:'price', width:100,editable:true,editoptions:{size:10}}, {name:'Change',index:'Change', width:100,editable:true,editoptions:{size:25}}, {name:'perchange',index:'perchange', width:100, align:"right",editable:true,editoptions:{size:10}}, {name:'LastUpdated',index:'LastUpdated', width:200, align:"right",editable:true,editoptions:{size:10}} ], rowNum:10, rowList:[3,6], loadonce: true, pager: '#navGrid', sortname: 'companyid', sortorder: "asc", height: 210, width:600, onSelectRow: function(id) { getID = jQuery("#datagrid").jqGrid('getCell', id, 'companyid') }, viewrecords: true, caption:"JQ GRID" }); 

JSON格式：

  [ { "company": "test", "price": 98, "Change": 8, "perchange": 8, "LastUpdated": "2", "companyid": 2 }, { "company": "test123", "price": 1, "Change": 1, "perchange": 1, "LastUpdated": "1", "companyid": 3 }, { "company": "abc", "price": 1234, "Change": 123, "perchange": 1, "LastUpdated": "1", "companyid": 1 } ] 

Answer 1

首先，您需要在输入数据中定义行的id 。 每行（

）的id属性将在相应的值中设置。 因为你已经可以扮演角色，所以可以添加key: true到colModel中"companyid"列的属性。

直接从服务器加载日期的问题（包括从文件加载）你可以通过添加描述输入数据格式的jsonReader来解决。 因为您使用loadonce: true所以将忽略输入数据的total ， records和page属性，您可以使用以下简单forms的jsonReader ：

 jsonReader: {repeatitems: false, root: function (obj) { return obj; }} 

相应的演示在这里 。

如果您需要从您发布的数据数组中加载数据，您的代码应直接工作（请参阅另一个演示 ）。 我想在解析JSON数据时有一些其他问题，但是你没有发布相应的代码。

关于id和key: true的建议仍然存在。 您可以对第二种情况使用localReader: {id: "companyid"} ，并在jsonReader使用相同的属性id: "companyid" jsonReader 。 我个人更喜欢使用key: true因为代码易于阅读，并且独立于所使用的阅读器。