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; ...
随机推荐
- Java设计模式(十一) 享元模式
原创文章,同步发自作者个人博客 http://www.jasongj.com/design_pattern/flyweight/.转载请注明出处 享元模式介绍 享元模式适用场景 面向对象技术可以很好的 ...
- [20150513]Linux远程登陆管理以及Vim的学习
Linux远程登陆管理以及Vim的学习 实现Linux远程管理 所需工具Xshell,Xshell是一个用于MS Windows平台的强大的SSH,TELNET,和RLOGIN终端仿真软件.它使得用户 ...
- Toolkit.getImage获取图片
public class Img { private static final Toolkit tk = Toolkit.getDefaultToolkit(); public static fina ...
- javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,
javascript获取iframe框架中,加载的页面document对象 因为浏览器安全限制,对跨域访问的页面,其document对象无法读取.设置属性 function getDocument(i ...
- 如何在IIS 7.5中部署Asp.Net MVC 5的网站
0 Sign in to vote 系统是 windwos 2008 已经安装.Net 4.0 和 .Net 4.5 已经安装MVC4 的需要文件,MVC5 找不见下载地方,求各位大哥告知一下在哪里可 ...
- [Spring MVC] - 地址路由使用(一)
常用的一些Spring MVC的路由写法以及参数传递方式. 参考引用: http://docs.spring.io/spring/docs/3.0.x/spring-framework-referen ...
- [转]Windows系统中监控文件复制操作的几种方式
1. ICopyHook 作用: 监视文件夹和打印机移动,删除, 重命名, 复制操作. 可以得到源和目标文件名. 可以控制拒绝操作. 缺点: 不能对文件进行控制. 只对Shell文件操作有效, 对原生 ...
- iOS中定时器的使用
1. NSTimer 不是很精确 2.CADisplayLink 屏幕 3.通过GCD来实现定时间器 //定时循环执行事件 //dispatch_source_set_timer 方法值得一提的是最后 ...
- html__脚本之家
深入剖析Android的Volley库中的图片加载功能 Android图片加载缓存框架Glide Android程序开发ListView+Json+异步网络图片加载+滚动翻页的例子(图片能缓存,图片不 ...
- 怎样避免 i f 判断过多,全复杂度较高,代码不美观的问题?
没有什么好的设计方式可以实现,减少一个方法中出现几十个 if 匹配的判断? 现在要做一个判断客户是否通过验证的接口. 一共有30多个验证规则的判断, 每个规则对应一个规则号: 这个接口只需要返回是否验 ...