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 相关文章推荐
javascript[js]获取url参数的代码
Oct 17 Javascript
让浏览器非阻塞加载javascript的几种方法小结
Apr 25 Javascript
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
Jan 23 Javascript
JS弹出层单纯的绝对定位居中示例代码
Feb 18 Javascript
JS中产生标识符方式的演变
Jun 12 Javascript
window.open打开窗口被拦截的快速解决方法
Aug 04 Javascript
HTML5 实现的一个俄罗斯方块实例代码
Sep 19 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
Dec 28 Javascript
Vue过滤器的用法和自定义过滤器使用
Feb 08 Javascript
JavaScript基本类型值-Number类型
Feb 24 Javascript
javascript 封装Date日期类实例详解
May 28 Javascript
jQuery中 DOM节点操作方法大全
Oct 12 jQuery
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
PHP 采集心得技巧
2009/05/15 PHP
php 目录与文件处理-郑阿奇(续)
2011/07/04 PHP
分享一下贝贝成长进度的php代码
2012/09/14 PHP
js和php邮箱地址验证的实现方法
2014/01/09 PHP
ThinkPHP 3.2.2实现事务操作的方法
2017/05/05 PHP
thinkphp3.2嵌入百度编辑器ueditor的实例代码
2017/07/13 PHP
PHP生成短网址的思路以及实现方法的详解
2019/03/25 PHP
jquery的相对父元素和相对文档定位示例代码
2013/08/02 Javascript
优化javascript的执行效率一些方法总结
2013/12/25 Javascript
详解Javascript事件驱动编程
2016/01/03 Javascript
js判断登陆用户名及密码是否为空的简单实例
2016/05/16 Javascript
jQuery Pagination分页插件_动力节点Java学院整理
2017/07/17 jQuery
vue服务端渲染的实例代码
2017/08/28 Javascript
nodejs实现一个word文档解析器思路详解
2018/08/14 NodeJs
axios携带cookie配置详解(axios+koa)
2018/12/28 Javascript
深入理解 ES6中的 Reflect用法
2020/07/18 Javascript
Openlayers实现地图的基本操作
2020/09/28 Javascript
微信小程序自定义tabBar的踩坑实践记录
2020/11/06 Javascript
搭建Python的Django框架环境并建立和运行第一个App的教程
2016/07/02 Python
python 采集中文乱码问题的完美解决方法
2016/09/27 Python
Python实现的直接插入排序算法示例
2018/04/29 Python
Python爬虫常用小技巧之设置代理IP
2018/09/13 Python
Windows下Python3.6安装第三方模块的方法
2018/11/22 Python
利用Pandas和Numpy按时间戳将数据以Groupby方式分组
2019/07/22 Python
python 的 scapy库,实现网卡收发包的例子
2019/07/23 Python
复化梯形求积分实例——用Python进行数值计算
2019/11/20 Python
浅谈对python中if、elif、else的误解
2020/08/20 Python
python输入中文的实例方法
2020/09/14 Python
详解Anaconda安装tensorflow报错问题解决方法
2020/11/01 Python
python用分数表示矩阵的方法实例
2021/01/11 Python
CSS3的resize属性使用初探
2015/09/27 HTML / CSS
车辆维修工自我评价怎么写
2013/09/20 职场文书
工作求职自荐信
2014/06/13 职场文书
法人代表身份证明书及授权委托书
2014/09/16 职场文书
社区公民道德宣传日活动总结
2015/03/23 职场文书
医院消毒隔离制度
2015/08/05 职场文书