web开发--树组件实现过滤

栏目：eas cloud知识作者：金蝶来源：金蝶云社区发布：2024-09-16浏览：1

web开发--树组件实现过滤

如下图，树有很节点，需要根据登录人过滤出节点

上传图片

方法如下：

树的配置如下，数据源是用query

上传图片

1、添加页面渲染前事件和页面打开后事件

上传图片

2、实现方法

上传图片

代码：

pageOpenAfter:function(e){
	//展开树节点
	setTimeout(function(){waf("#tree").dataTree("expandAll");},500);
}

beforeInit:function(e){
          _self.setInitComponentCallBack(function(cmpType,option,dom){
                //给树设置过滤条件
                if(option.id == "tree"){
                      //获取过滤条件, 要过滤出叶子节点和父节点
                      var filter = waf.parseSql.getFilter("number","in",["SH_01","SH_TOP"]);
                      option.filterItems = filter;
                 }
           })       
 }

效果：

上传图片