jQuery EasyUI tree 使用拖拽时遇到的错误小结
更新时间：2016年10月10日 14:31:12 作者：isea533
在我使用tree拖拽时总是失败，控制台输出了很多错误。经过问题跟踪分析最终找到的错误原因，下面小编给大家分享下，感兴趣的朋友参考下
在我使用tree拖拽时总是失败，控制台输出了很多错误。
经过跟踪分析发现这是一个由于特殊配置导致的错误。
原先错误的代码如下：
$('#tree').tree({
//省略其他
loadFilter: function(data, parent){
return data.rows;
}
});
由于我后台返回值并不是一个直接适合tree使用的数据，需要从中取出rows才可以，所以就有了这段代码。
而 EasyUI 出错的原因就在于当拖动时，拖动方法中仍然会调用loadFilter方法，如下图代码：
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 使用拖拽时遇到的错误小结，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
一套使用jQuery 插件实现的广告特效代码,其效果类似全屏广告,打开网页后在网页的第一屏显示大幅广告,停留几秒后慢慢伸缩至标准小图片显示在网页预留位置上，效果非常不错，这里推荐给大家。2015-04-04
这篇文章主要为大家详细介绍了jQuery实现移动端笔触canvas电子签名，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
使用jquery判断一个元素是否含有一个指定的类(class)实例
下面小编就为大家带来一篇使用jquery判断一个元素是否含有一个指定的类(class)实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
这篇文章主要介绍了jQuery手机浏览器中拖拽动作的艰难性分析,实例分析了常见的jQuery手机浏览器中拖拽动作解决方案,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
jQuery Selectors(选择器)的使用(一、基本篇)
本系列文章主要讲述jQuery框架的选择器(Selectors)使用方法，我将以实例方式进行讲述，以简单，全面为基础，不会涉及很深。2009-12-12
这篇文章主要介绍了jQuery中prev()方法用法,实例分析了prev()方法的功能、定义及取得匹配元素集合中每个元素紧邻的前一个同辈元素使用技巧,需要的朋友可以参考下2015-01-01
html文件中jquery与velocity变量中的$冲突的解决方法
在使用velocity模版引擎的环境下，使用jquery时其中$与velocity变量中的$冲突，下面有个不错的解决方法，感兴趣的朋友可以参考下2013-11-11
下面小编就为大家带来一篇Jquery获取第一个子元素简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
jQuery中不仅可以使用选择器就行绝对定位，而且还可以进行相对定位，只要在$()中指定第二个参数，第二个参数就是相对的元素。第二个参数传递一个jQuery对象，则相对于这个对象为基准进行相对的选择。2011-04-04
本片文章教给大家用jQuery实现页码跳转式动态数据分页，效果非常好而且没有页面刷新，需要的朋友学习下吧。2017-12-12
最新评论