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 相关文章推荐
jQuery实现的动态伸缩导航菜单实例
May 07 Javascript
js实现仿Windows风格选项卡和按钮效果实例
May 13 Javascript
JS实现可调整倒计时间代码分享
Aug 18 Javascript
jQuery validate插件实现ajax验证重复的2种方法
Jan 22 Javascript
JavaScript获取短信验证码(周期性)
Dec 29 Javascript
bootstrap响应式表格实例详解
May 15 Javascript
详解vue slot插槽的使用方法
Jun 13 Javascript
详解vue项目的构建,打包,发布全过程
Nov 23 Javascript
JavaScript数组排序reverse()和sort()方法详解
Dec 24 Javascript
基于vue循环列表时点击跳转页面的方法
Aug 31 Javascript
Vue 组件参数校验与非props特性的方法
Feb 12 Javascript
React列表栏及购物车组件使用详解
Jun 28 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
AJAX的跨域访问-两种有效的解决方法介绍
2013/06/22 PHP
Laravel 5框架学习之Blade 简介
2015/04/08 PHP
PHP 无限级分类
2017/05/04 PHP
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
2011/03/30 Javascript
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
2011/12/08 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
2013/07/02 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
2016/04/29 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
2017/02/16 Javascript
Angular在一个页面中使用两个ng-app的方法(二)
2017/02/20 Javascript
在vue中通过axios异步使用echarts的方法
2018/01/13 Javascript
vue-cli3.0 环境变量与模式配置方法
2018/11/08 Javascript
微信小程序当前时间时段选择器插件使用方法详解
2018/12/28 Javascript
详解vue中的父子传值双向绑定及数据更新问题
2019/06/13 Javascript
Node.js API详解之 string_decoder用法实例分析
2020/04/29 Javascript
vue+iview分页组件的封装
2020/11/17 Vue.js
python 合并文件的具体实例
2013/08/08 Python
图文讲解选择排序算法的原理及在Python中的实现
2016/05/04 Python
一个Python最简单的接口自动化框架
2018/01/02 Python
python中pylint使用方法(pylint代码检查)
2018/04/06 Python
Django migrations 默认目录修改的方法教程
2018/09/28 Python
详解如何从TensorFlow的mnist数据集导出手写体数字图片
2019/08/05 Python
django中media媒体路径设置的步骤
2019/11/15 Python
opencv-python 提取sift特征并匹配的实例
2019/12/09 Python
Python3直接爬取图片URL并保存示例
2019/12/18 Python
Python能做什么
2020/06/02 Python
解决pytorch 交叉熵损失输出为负数的问题
2020/07/07 Python
CSS3 不定高宽垂直水平居中的几种方式
2020/03/26 HTML / CSS
碧欧泉美国官网:Biotherm美国
2016/08/31 全球购物
德国圣伯纳德草药屋:Kräuterhaus Sanct Bernhard(有中文站)
2018/08/05 全球购物
美国轮胎网站:Priority Tire
2018/11/28 全球购物
The North Face北面荷兰官网:美国著名户外品牌
2019/10/16 全球购物
美术教师自我鉴定
2014/02/12 职场文书
《火烧云》教学反思
2016/02/23 职场文书
CSS3常见动画的实现方式
2021/04/14 HTML / CSS
Python入门之使用pandas分析excel数据
2021/05/12 Python
python小型的音频操作库mp3Play
2022/04/24 Python