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的一个拖拽到指定区域内的效果

    基于jquery的一个拖拽到指定区域内的效果

    这两天一直在整这个拖拽的效果,既然学习就要把一个特效的各个方面考虑周全,这样才学到真正的知识。可不,又整理了一个 拖拽的特效。
    2011-09-09
  • JQuery slideshow的一个小问题(如何发现及解决过程)

    JQuery slideshow的一个小问题(如何发现及解决过程)

    在做一个网页homepage的时候,想用slideshow[1]做图片切换效果,在打开页面所以的正常测试都没问题:当浏览器同时打开多个tab,停留他tab中的页面一段时间后,会出现图片是最后一张图片,针对这个问题,本文给予了详细的解决方法,感兴趣的朋友可以了解下
    2013-02-02
  • jQuery拖动图片删除示例

    jQuery拖动图片删除示例

    存储的是被拖动的图片的初始坐标,为两个变量设置被拖动图片的初始坐标,具体实现如下,感兴趣的朋友可以参考下哈
    2013-05-05
  • jQuery右侧选项卡焦点图片轮播特效代码分享

    jQuery右侧选项卡焦点图片轮播特效代码分享

    这篇文章主要介绍了jQuery右侧选项卡焦点图片轮播特效,一段清新可爱的焦点图轮播代码,有需要的小伙伴可以参考下
    2015-09-09
  • jQuery无缝轮播图代码

    jQuery无缝轮播图代码

    这篇文章主要为大家详细介绍了jQuery无缝轮播图代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • jquery 给动态生成的标签绑定事件的几种方法总结

    jquery 给动态生成的标签绑定事件的几种方法总结

    下面小编就为大家分享一篇jquery 给动态生成的标签绑定事件的几种方法总结,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • jQuery实现炸裂轮播效果

    jQuery实现炸裂轮播效果

    这篇文章主要为大家详细介绍了jQuery实现炸裂轮播效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • jquery点击获取动态数据进行传参问题

    jquery点击获取动态数据进行传参问题

    这篇文章主要介绍了jquery点击获取动态数据进行传参问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • jQuery移除元素自动解绑事件实现思路及代码

    jQuery移除元素自动解绑事件实现思路及代码

    用jQuery将元素移除的基本方法常用的有三个,一个是remove()方法,一个是html()方法,一个是empty()方法
    2014-05-05
  • jQuery 版元素拖拽原型代码

    jQuery 版元素拖拽原型代码

    “元素拖拽”顾名思义:拖动,移动,拽放。有很多的解释,而且在网上相关资料非常之多,本人在开发 AsyncBox 当中也用到此效果,借此分享,同时也是一种技术积累。
    2011-04-04

最新评论