TypeError: $.data(...).data.rows is undefined报错及解决方法

来源：互联网发布：中电云集 php版本太低编辑：程序博客网时间：2024/06/06 02:33

本菜鸟今天在用spring mvc 向前台传了一个JSONArray的数据，然后前端用easyui框架设置datagrid中的data，

前端JSP中是这么写的

<span id="num" hidden="true">${numDetail}</span>  //后台传过来的数据

JS 中是这样的

require(['jquery','common'], function(jQuery,common){

var num = $("#num").html();

var domainUrl = "/typesFlow";

jQuery(common.currentGrid()).datagrid({

width: common._width(), //设置表格宽度

height: common._height, //设置表格高度

pageSize:common._pageSize, //默认显示多少页

url:'', //查询的action地址

data:num,

idField:'guid', //指定ID列

striped:true, //间隔条纹

pageList:[common._pageSize,30,50,100],

rownumbers:true, //显示行号

pagination:true, //是否分页

//右键菜单（列筛选功能,不需要可删除）

onHeaderContextMenu: function(e, field){

common.createColumnMenu(e, domainUrl);

},

// 获得动态列配置（不需要可删除）

onBeforeLoad: function(){

common.getServerColumnMenu(domainUrl);

},

columns:[[

{field:'guid',checkbox:true},

{field:'flowDate',title:"1",width:120,align:'center',sortable:true},

{field:'deptName',title:"2",width:360,align:'center',sortable:true},

{field:'modifiedNum',title:"3",width:120,align:'center',sortable:true}

]],

});

//$(common.currentGrid()).datagrid("load",num)

});

此处firebug报错

TypeError: $.data(...).data.rows is undefined

TypeError: rows is undefined

JSONArray数据的内容如下

[{"guid":"0f8ef394-e61f-4fd3-a666-170e16d74d6b","operateTime":1487852956000,"avgPrice":5,"belongId":"33702b43-c884-440f-980a-ce147fe1f981","operater":"b120d02a-b8e3-4e7a-b63c-719382bed6f6","typeCode":"01321024","remarks":"士大夫士大夫","isMid":"1","flowId":"a8917dd8-ace2-408a-9bf5-28229ce09679","isShow":"Y","flowDate":1487779200000},
{"guid":"e7ec414d-cffb-4399-b185-4cfe094e520f","operateTime":1487852997000,"avgPrice":1,"belongId":"33702b43-c884-440f-980a-ce147fe1f981","operater":"b120d02a-b8e3-4e7a-b63c-719382bed6f6","typeCode":"1232204","remarks":"","isMid":"1","flowId":"a8917dd8-ace2-408a-9bf5-28229ce09679","flowDate":1487779200000}]

经搜索发现datagrid中的data格式必须如下：

{"total":2,"rows":[
{"code":"RP-LI-02","name":"Persian","price":89.50},
{"code":"AV-CB-01","name":"Amazon Parrot","price":63.50}
]}

也就是要加上 total 和 rows

解决：

修改后台传过来的值的格式，拼接成datagrid的data格式也就是字符串，并且将其转换成JSON对象，一定要转换成对象！

如下：

var num = $("#num").html();var json = '{"total":'+eval(num).length+',"rows":'+num+'}';var data = $.parseJSON(json);

如果本文对你有所帮助，请打赏2块钱，帮我买杯咖啡，继续创作，谢谢大家！

0 0