jQuery EasyUI tree 使用拖拽时遇到的错误小结


Posted in Javascript onOctober 10, 2016

在我使用tree拖拽时总是失败,控制台输出了很多错误。

经过跟踪分析发现这是一个由于特殊配置导致的错误。

原先错误的代码如下:

$('#tree').tree({
//省略其他
loadFilter: function(data, parent){
return data.rows;
}
});

由于我后台返回值并不是一个直接适合tree使用的数据,需要从中取出rows才可以,所以就有了这段代码。

而 EasyUI 出错的原因就在于当拖动时,拖动方法中仍然会调用loadFilter方法,如下图代码:

jQuery EasyUI tree 使用拖拽时遇到的错误小结

EasyUI在前面的处理中,已经将data处理为了数组,所以当调用loadFilter方法时,由于返回的data.rows,肯定是undefined,而不是数组,因此在后续对data操作时就会出错,导致拖动失败,而且整棵树都出现问题。

解决的方法也很简单,将loadFilter方法改为可以适配默认情况即可:

loadFilter: function(data, parent){
if($.isArray(data)){
return data;
}
return data.rows;
}

主要就是判断如果data是个数组就直接返回,否则仍然返回我自己的data.rows。

以上所述是小编给大家介绍的jQuery EasyUI tree 使用拖拽时遇到的错误小结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Js 获取当前日期时间及其它操作实现代码
Mar 04 Javascript
详解强大的jQuery选择器之基本选择器、层次选择器
Feb 07 Javascript
javascript中RegExp保留小数点后几位数的方法分享
Aug 13 Javascript
BootStrap tooltip提示框使用小结
Oct 26 Javascript
利用JS实现简单的日期选择插件
Jan 23 Javascript
利用 spin.js 生成等待效果(js 等待效果)
Jun 25 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
Jan 12 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
Jul 12 Javascript
vue多个元素的样式选择器问题
Nov 29 Javascript
使用Karma做vue组件单元测试的实现
Jan 16 Javascript
支付宝小程序实现省市区三级联动
Jun 21 Javascript
swiper4实现移动端导航栏tab滑动切换
Oct 16 Javascript
jQuery继承extend用法详解
Oct 10 #Javascript
mvc 、bootstrap 结合分布式图简单实现分页
Oct 10 #Javascript
针对后台列表table拖拽比较实用的jquery拖动排序
Oct 10 #Javascript
KnockoutJS 3.X API 第四章之数据控制流foreach绑定
Oct 10 #Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
Oct 10 #Javascript
KnockoutJS 3.X API 第四章之数据控制流with绑定
Oct 10 #Javascript
JS命令模式例子之菜单程序
Oct 10 #Javascript
You might like
Content-type 的说明
2006/10/09 PHP
php curl 登录163邮箱并抓取邮箱好友列表的代码(经测试)
2011/04/07 PHP
php学习之数据类型之间的转换介绍
2011/06/09 PHP
javascript中获取选中对象的类型
2007/04/02 Javascript
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
2010/01/12 Javascript
JavaScript 对象的属性和方法4种不同的类型
2010/03/19 Javascript
js操作textarea方法集合封装(兼容IE,firefox)
2011/02/22 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
2013/12/12 Javascript
node.js集成百度UE编辑器
2015/02/05 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
2015/03/31 Javascript
浅析javascript的return语句
2015/12/15 Javascript
基于JavaScript实现的插入排序算法分析
2017/04/14 Javascript
bootstrap可编辑下拉框jquery.editable-select
2017/10/12 jQuery
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
2019/05/06 Javascript
layui下拉列表select实现可输入查找的方法
2019/09/28 Javascript
微信小程序将页面按钮悬浮固定在底部的实现代码
2020/10/29 Javascript
[56:58]VP vs Optic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
wxpython 学习笔记 第一天
2009/02/09 Python
php使用递归与迭代实现快速排序示例
2014/01/23 Python
Python最基本的数据类型以及对元组的介绍
2015/04/14 Python
详解Django通用视图中的函数包装
2015/07/21 Python
详解python基础之while循环及if判断
2017/08/24 Python
用不到50行的Python代码构建最小的区块链
2017/11/16 Python
python系列 文件操作的代码
2019/10/06 Python
Python关于__name__属性的含义和作用详解
2020/02/19 Python
pymysql 插入数据 转义处理方式
2020/03/02 Python
精伦电子Java笔试题
2013/01/16 面试题
介绍一下游标
2012/01/10 面试题
电大自我鉴定范文
2013/10/01 职场文书
超市总经理岗位职责
2014/02/02 职场文书
房地产公司见习自我鉴定
2014/04/28 职场文书
2014红色之旅心得体会
2014/10/07 职场文书
事业单位年度考核个人总结
2015/02/12 职场文书
大学生年度个人总结
2015/02/15 职场文书
恋恋笔记本观后感
2015/06/16 职场文书
Django显示可视化图表的实践
2021/05/10 Python