`

转载:【解决方法】easyui中datagrid执行loadData方法出现异常

 
阅读更多

转载:http://blog.csdn.net/zhyl8157121/article/details/19634037

 

问题描述:

easyui中datagrid执行loadData方法出现如下异常:

 

 

  • Cannot read property 'length' of undefined

 

问题代码:
原始代码比较复杂,抽取内容描述如下:

[javascript] view plaincopyprint?在CODE上查看代码片派生到我的代码片
 
  1. var data = '{"total":1,"rows":[{"id":"001","name":"哈哈哈","role":"系统管理员"}]}';  
  2. $('#dg').datagrid('loadData', data);   

解决方法:

[javascript] view plaincopyprint?在CODE上查看代码片派生到我的代码片
 
  1. var data = '{"total":1,"rows":[{"id":"001","name":"哈哈哈","role":"系统管理员"}]}';  
  2. data = JSON.parse(data);//转换成json对象,必须的!!!不然有异常!!!  
  3. $('#dg').datagrid('loadData', data);   

原因猜测:

loadData方法执行的时候参数必须是JSON对象,而不能是JSON格式的字符串!!!
我以为javascript这种弱类型的不强调这个呢,结果就一直在异常,一直在异常。
折腾了一个下午,终于搞定了,网上查也没有类似的问题,更不要说解决方法了。
估计搞前端的人都有这个概念吧,对我这种前端半吊子的新手,还是很困那的。
记录在此,以惠后人。

分享到:
评论

相关推荐

    JS EasyUI DataGrid动态加载数据

    JS EasyUI DataGrid动态加载数据

    JQuery EasyUI DataGrid服务端分页时行号不延续的解决方法

    JQuery EasyUI DataGrid服务端分页加载数据后,DataGrid行号不能延续,...因为服务端分页取回的是单页数据,通过LoadData方法加载数据后,pageNumber属性被初始化为1,因此行号总是重新由1开始。现在提供了解决方法。

    easyui datagrid 大数据加载效率慢,优化解决方法(推荐)

    下面小编就为大家带来一篇easyui datagrid 大数据加载效率慢,优化解决方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    ASP.NET MVC中EasyUI的datagrid跨域调用实现代码

    错误,网上搜索了下错误解决办法,参考 “JavaScript处理Json的invalid label错误解决办法“的方法利用datagrid的loadData方法加载并转换了json还是提示上述错误,感觉原因不在格式问题。 搜索了下JavaScript跨域...

    扩展easyui.datagrid,添加数据loading遮罩效果代码

    而本地数据加载时则不会出现遮罩,这应该是考虑到本地数据加载的速度很快则没有使用遮罩的必要 不过呢,在实际的项目开发过程中使用时,没有考虑使用url方式加载数据,则采用了loadData方法来异步加载数据,这个时候...

    easyui帮助手册datagrid

    method(方法) string(字符串) 请求远程数据的方法类型。 post nowrap(截取) boolean(布尔型) 设置为true,当数据长度超出列宽时将会自动截取。 true idField(id字段) string(字符串) 表明该列是一个唯一...

    EasyUI入门教程--第01课_EasyUI简介.avi

    第08课(讲解datagrid的查询,toolbar的多种创建方式,清空查询条件,扩展一个form序列化object的方法,load、reload方法的使用和区别,datetimebox初始化时需要注意的问题) 第09课(讲解datagrid的行编辑模式,增加、...

    jquery-easyui-1.3.4

    treegrid: Add 'load' method to load data and navigate to the first page. tabs: Add 'tabWidth' and 'tabHeight' properties. validatebox: The 'novalidate' property is available to indicate whether to ...

    使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法

    通过ajax的post函数传递参数并通过loadData方法将数据初始化到表格中 js代码(搜索按钮的点击事件部分): $(#standardQueryBtn).click(function(){//点击搜索按钮的触发事件 if($(#offerid).val() != ){//判断id...

    EasyUI入门教程--第03课_parser组件panel组件及如何使用组件自带的属性、事件、方法.avi

    EasyUI入门教程--第03课_parser组件panel组件及如何使用组件自带的属性、事件、方法.avi,这是由孙宇老师录制的视频,现在很难找了,讲得很详细,授人以鱼,不如授人以渔。 第01课(大概介绍一下easyui,和组织...

    SYPRO示例项目源码和EasyUI入门视频教程

    SYPRO示例项目源码和EasyUI入门视频教程,视频在我的百度网盘中,可以下载学习: sypro示例程序(springMvc+hibernate4+easyui) sshe示例程序(struts2+spring3+hibernate4+easyui)(Maven构建) easyui1.2.6整站文件....

    jQuery EasyUI学习教程之datagrid点击列表头排序

    这个示例展示如何排序datagrid通过点击列表头. ...<table id=tt class=easyui-datagrid xss=removed datagrid8_getdata.php title=Load iconCls=icon-save rownumbers pagination=true> <thea

Global site tag (gtag.js) - Google Analytics