欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

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

时间:2021-05-26 08:15:19|栏目:jquery|点击:

在我使用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选择器之层次选择器用法实例分析

栏    目:jquery

下一篇:jquery()函数的三种语法介绍

本文标题:jQuery EasyUI tree 使用拖拽时遇到的错误小结

本文地址:http://www.codeinn.net/misctech/129381.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有