z-tree
1 获取所有的节点集合
var nodes = treeObj.getNodes();//只获取根节点
var nodesAll = treeObj.transformToArray(nodes);//获取所有的节点包括子节点
for (var i=0, l=nodesAll.length; i < l; i++) { treeObj.setChkDisabled(nodesAll[i], true);
}
2 获取所有的节点 让符合条件的复选框不可用
for (var i=0 ;i <nodesAll .length; i++) {
if(nodesAll [i]['new'].indexOf('test')>-1){ treeObj.setChkDisabled(allNodes[i], true);//降符合条件的复选框设为不可选中状态
} }
3.隐藏节点
for (var i=0 ;i <nodesAll .length; i++) {
treeObj.hideNode(allNodes[i])
}
4.
check: {
enable: true,//是否显示复选框
chkboxType: { "Y": "ps", "N": "ps" },
//chkStyle: "radio"//单选按钮 不写默认为复选框
},
5展开特定的节点
var treeGroup_node = treeGroup_roottree.getNodeByParam("id",data.data.id);//获取到某个节点
treeGroup_roottree.expandNode(treeGroup_node, true, false, true);//要展开的节点 是否展开节点 子孙节点是否受影响 是否设置设置任何焦点
5.1展开等级
//展开等级
var nodes = roottree.getNodes();
var nodesAll = roottree.transformToArray(nodes);
for(var i = 0;i < nodesAll.length; i++) {//展开等级2
if(nodesAll[i].level==2){
roottree.expandNode(nodesAll[i],true,false,true)
} }
5.2 展开上一级
var checknode_1 = roottree.getNodeByParam("id",checknode.parentId); //checknode.parentId 获取父节点 展开父节点 显示子节点
roottree.expandNode(checknode_1,true,false,true)
6 特定节点显示 复选框
var nodes = treeObj.getNodes();
var nodesAll = treeObj.transformToArray(nodes); //将 zTree 使用的标准 JSON 嵌套格式的数据转换为简单 Array 格式
for(var i = 0;i < nodesAll.length; i++) {
nodesAll[i].nocheck=true;//特定节点不显示复选框
treeObj.updateNode(nodesAll[i]);//更新节点
}
7.取消树的选中状态
treeObjPhone.cancelSelectedNode();
8 获取所有半选中的id
var thistreeObjAdd=treeObjAdd.getCheckedNodes(true); // 数据权限选中的节点
$.each(thistreeObjAdd, function(key, value) {
/*if (!value.isParent) {// 只保留最后的节点的ID
organizeArr.push(value.id)
}*/
var halfCheck = value.getCheckStatus();
if (!halfCheck.half){
organizeArr.push(value.id)
}
})
9 隐藏 显示节点
var nodes_all= treeObj.getNodes();//获取所有的节点
var nodesAll_all = treeObj.transformToArray(nodes_all); //将 zTree 使用的标准 JSON 嵌套格式的数据转换为简单 Array 格式
treeObj.hideNodes(nodes_all);//隐藏所有的节点
//返回符合条件的JSON集合
var nodes_jg = treeObj.getNodesByFilter(filter); // 查找节点集合
treeObj.showNodes(nodes_jg);//显示符合条件的节点 /////////
/筛选节点
function filter(node) {
return( node.new.indexOf("3") > -1);
}
10.筛选节点 改变背景色
var sel_value=$.trim($('#select_val').val())//查询条件
if(sel_value){
var nodes_query = treeObjWeb.getNodes();//只获取根节点
var nodesAll_query = treeObjWeb.transformToArray(nodes_query);//获取所有的节点包括子节点
for (var i=0, l=nodesAll_query.length; i < l; i++) {
var checknode_1 = treeObjWeb.getNodeByParam("id",nodesAll_query[i].pid);
if(nodesAll_query[i].name.indexOf(sel_value)>-1){//找到符合条件的
var checknode_1 = treeObjWeb.getNodeByParam("id",nodesAll_query[i].pid); //获取父节点
treeObjWeb.expandNode(checknode_1,true,false,true);//展开父节点
var checknode_2 =treeObjWeb.getNodeByParam("id",nodesAll_query[i].id);
treeObjWeb.selectNode(checknode_2);//选中节点
selPidval = nodesAll_query[i].id;// 保存节点的id
selorganizeName = nodesAll_query[i].name// 保存节点的名称
/////////
treeObjWeb.setting.view.fontCss["color"] = "#06cdba";//设置背景色
treeObjWeb.updateNode(nodesAll_query[i]);//更新树
//////////
}else{
treeObjWeb.setting.view.fontCss["color"] = "#0e0e0e";//不符合条件的设置背景色
treeObjWeb.updateNode(nodesAll_query[i]);//更新树
}
}
doSearch()//查询
}
11.特定的节点才可以触发点击事件【beforeClick: zTreeBeforeClick】 在点击前判断 如果不符合返回false click事件也不会触发
function zTreeBeforeClick(treeId, treeNode, clickFlag) {
if(treeNode.type!=4){//只有符合的节点才可以被点击
return false;
}
};
12.获取状态被改变的节点
var treeObj = $.fn.zTree.getZTreeObj("sengMsgTree");// treeDemo 树ID
// 获取输入框被改变的节点
var thisNodes= treeObj.getChangeCheckedNodes();
var thisUnselBuidings=[];
for(var i=0,l=thisNodes.length;i<l;i++){
thisNodes[i].checkedOld =thisNodes[i].checked;
if(thisNodes[i].checkedOld!=true ){
thisUnselBuidings.push(thisNodes[i].id)
// console.log(thisNodes[i].type+"---"+thisNodes[i].id+"--之前选中"+thisNodes[i].checkedOld)
}
}
console.log( JSON.stringify(thisUnselBuidings) +"")
z-tree的更多相关文章
- 【BZOJ2631】tree
Description 一棵n个点的树.每一个点的初始权值为1. 对于这棵树有q个操作,每一个操作为下面四种操作之中的一个: + u v c:将u到v的路径上的点的权值都加上自然数c: - u1 v1 ...
- 【BZOJ2558】Count on a tree
又是因为傻逼错误浪费了半天时间 原题: 给定一棵N个节点的树,每个点有一个权值,对于M个询问(u,v,k),你需要回答u xor lastans和v这两个节点间第K小的点权.其中lastans是上一个 ...
- Luogu 3690 Link Cut Tree
Luogu 3690 Link Cut Tree \(LCT\) 模板题.可以参考讲解和这份码风(个人认为)良好的代码. 注意用 \(set\) 来维护实际图中两点是否有直接连边,否则无脑 \(Lin ...
- HDU 4757 Tree(可持续化字典树,lca)
题意:询问树上结点x到结点y路上上的权值异或z的最大值. 任意结点权值 ≤ 2^16,可以想到用字典树. 但是因为是询问某条路径上的字典树,将字典树可持续化,字典树上的结点保存在这条路径上的二进制数. ...
- Spoj Query on a tree SPOJ - QTREE(树链剖分+线段树)
You are given a tree (an acyclic undirected connected graph) with N nodes, and edges numbered 1, 2, ...
- [BZOJ 2002] [HNOI2010]弹飞绵羊(Link Cut Tree)
[BZOJ 2002] [HNOI2010]弹飞绵羊(Link Cut Tree) 题面 某天,Lostmonkey发明了一种超级弹力装置,为了在他的绵羊朋友面前显摆,他邀请小绵羊一起玩个游戏.游戏一 ...
- [BJOI2014]大融合(Link Cut Tree)
[BJOI2014]大融合(Link Cut Tree) 题面 给出一棵树,动态加边,动态查询通过每条边的简单路径数量. 分析 通过每条边的简单路径数量显然等于边两侧节点x,y子树大小的乘积. 我们知 ...
- bzoj1588
splay #include<cstdio> #include<cstring> #include<algorithm> using namespace std; ...
- CF 484E - Sign on Fence
E. Sign on Fence time limit per test 4 seconds memory limit per test 256 megabytes input standard in ...
- 线段树(codevs1082)
type jd=record z,y,lc,rc,sum,toadd:int64; end; var tree:..] of jd; qzh:..] of int64; x:..] of int64; ...
随机推荐
- python数据结构与算法——图的最短路径(Floyd-Warshall算法)
使用Floyd-Warshall算法 求图两点之间的最短路径 不允许有负权边,时间复杂度高,思路简单 # 城市地图(字典的字典) # 字典的第1个键为起点城市,第2个键为目标城市其键值为两个城市间的直 ...
- Flash Builder如何自定义工作目录
熟悉了myeclipse可以自定义目录的设置,今天在使用flash builder 时,当导入一个工程到现有项目空间 选择根目录,点击浏览的时候出现的目录是C:\Users\Administrator ...
- charles 结合mocky 模拟数据
重定向(模拟造数据) 例如:E代送商户端订单列表,模拟99+订单 接口:http://api.edaisong.com/20151022/order/consigneeaddressb 打开http: ...
- 我用工具怎么连接不上mysql数据库的? MySql access denied for user错误
MySql access denied for user错误 方法/步骤 MySql远程连接时的"access denied for user **@**"错误,搞的我很头大, ...
- POJ 3321 Apple Tree(树状数组)
Apple Tree Time Limit: 2000MS Memory Lim ...
- linux cpu性能测试
sysbench --test=cpu --cpu-max-prime=20000000 run --num-threads=4 mpstat -P ALL 1 1000000
- 微信公众号开发中遇到的几个bug
一.测试自定义菜单接口时中文菜单名显示为null 设置的中文菜单名,中文未经过编码和解码过程,设置的中文菜单名在最后的微信服务器返回的json格式数据中显示为null. 解决办法:将中文先用uneco ...
- POJ2411
题目大意:一个宽w高为h的棋盘,现在要用1*2的多米诺骨牌不重叠地覆盖整个棋盘,问有多少种方案. h<11,w<11 分析:1.h*w若为奇数,则无解. 2.按行处理.处理第i行时,保证前 ...
- 学习SQL的点点滴滴(一)-常用函数
该文章转载自http://www.cnblogs.com/jiajiayuan/archive/2011/06/16/2082488.html 别人的总结,很详细. 以下所有例子均Studnet表为例 ...
- 推荐csdn里的几篇activiti基础入门及提高的博客
昨天有个网友加qq询问我有没有非maven搭建的activiti项目的demo,因为我博客中写了一个用maven,我当时没有,于是晚上回家尝试了一下,结果比较容易就实现了. 之后和那个网友聊了一下,他 ...