在做项目的时候,遇到一个需求:在加载一个树结构的时候,为了方便操作,只展开一级节点
刚开始的时候,这里是直接展开所有节点。由于对前端知识的不熟悉,所以查了挺多资料来处理这个问题,虽然最终处理的结果和想象中的不是很一样,但是也算满足了需求。
这里的思路是–在节点展开后,添加一个监听,监听load函数,再将展开的节点进行收缩
这里用到了一个方法collapse():可以对取到的节点进行收缩;代码如下
listeners: {
load: function () {
var treePanel = this;
var rootnode = treePanel.getRootNode();
if (rootnode.childNodes.length > 0) {
for(var i =0;i<rootnode.childNodes.length;i++){
rootnode.childNodes[i].collapse();
}
}
}
},
取到根节点,在遍历根节点下的子节点,此时遍历到的就是是一级节点了。再将这些节点收缩即可。
通过这种方式,功能实现。但是仍然有一些问题,首次加载的时候,会获取所有的数据,如果再数据量大的情况下,加载速度,可能会比较慢
以上做法仅仅是个人的理解,如有不足之处,欢迎指正。