初始化如下:

    function zTreeInit(){
parentCode = "";
setting = {
view: {
dblClickExpand: false,
showLine: true,
expandSpeed: 100 //设置树展开的动画速度
},
data: {
simpleData: {
enable: true,
idKey : "id", // id编号命名
pIdKey : "pid", // 父id编号命名
rootPId : "0"
}
},
callback : {
onClick : function(event, treeId, treeNode, clickFlag) {
//alert(" 节点id是:" + treeNode.id + ", 节点文本是:" + treeNode.name)
parentCode = treeNode.id;
refreshTable();
},
}
};
GetTreeNodes();
}
function GetTreeNodes(){
$.ajax({
url : 'sysRightDept/tree',
async : false,
type: 'GET',
dataType : "json",
contentType : 'application/json',
error: function () {//请求失败处理函数
alert('error');
},
success:function(treeNodes){ //请求成功后处理函数。
$.fn.zTree.init($("#treeDept"), setting, treeNodes); //把后台封装好的简单Json格式赋给treeNodes
}
});
}

模型类:

package com.entity;

public class zTreeResult {
/**
* id
*/
private String id;
/**
* pId
*/
private String pId;
/**
* name
*/
private String name;
/**
* open
*/
private boolean open; public String getId() {
return id;
} public void setId(String id) {
this.id = id;
} public String getPId() {
return this.pId;
} public void setPId(String pId) {
this.pId = pId;
} public String getName() {
return this.name;
} public void setName(String name) {
this.name = name;
} public boolean getOpen() {
return this.open;
} public void setOpen(boolean open) {
this.open = open;
}
}

zTree checkbox选择

全选/全不选

    function all_click() {
if ($('#all').text() == '全选') {
treeObj.checkAllNodes(true);
$('#all').text('全不选');
} else {
treeObj.checkAllNodes(false);
$('#all').text('全选');
}
}

获取选择集合

        var nodes = treeObj.getCheckedNodes(true);

不确定选择

    function updateNodes(json){
var allNodes = treeObj.getNodes();//根节点的集合
var nodes = treeObj.transformToArray(allNodes); // 将数据变成简单的 Array 集合
for(var i=0;i<nodes.length;i++){
for(var j=0;j<json.length;j++){
if(nodes[i].id == json[j].objectCode){
nodes[i].checked=true;
treeObj.updateNode(nodes[i]);
}
}
}
}

jQuery树形控件zTree的更多相关文章

  1. jQuery树形控件zTree使用小结

    作者:Fonour 字体:[增加 减小] 类型:转载 时间:2016-08-02我要评论 这篇文章主要为大家详细介绍了jQuery树形控件zTree使用方法,zTree树插件的基本使用方法,感兴趣的小 ...

  2. jQuery树形控件zTree使用

    http://www.cnblogs.com/AutumnRhyme/p/5915769.html .................................................. ...

  3. Jquery树形控件 $.fn.zTree.init

    https://www.cnblogs.com/jin-/p/4646202.html asp.net 树形控件 $.fn.zTree.init 在网页中通过jquery脚本来构筑树形控件将是一个不错 ...

  4. js树形控件—zTree使用总结

    0 zTree简介 树形控件的使用是应用开发过程中必不可少的.zTree 是一个依靠 jQuery 实现的多功能 “树插件”.优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点. 0.0 ...

  5. vue使用树形控件z-tree,动态添加数据,默认展开第一行

    环境:vue 2.9.3; webpack; 插件:z-tree,jquery(cnpm install xxxx) 问题;由于数据量比较多,需要动态加载数据,默认第一次请求的数据是最高一级,然后子集 ...

  6. Jquery树控件ZTree异步加载

    异步加载的意思就是: 当点击展开树节点时,才去请求后台action返回点击节点的子节点数据并加载. 这里面主要设计ztree的setting变量的async属性设置: var setting = { ...

  7. 一个很有用的树形控件----zTree

    演示地址 http://www.treejs.cn/v3/demo.php#_101

  8. js树形控件

    js树形控件 ztree http://www.treejs.cn/

  9. asp.net 树形控件 $.fn.zTree.init

    在网页中通过jquery脚本来构筑树形控件将是一个不错的选择,比如有一个文本框,当鼠标点击的时候,像弹出一个下拉框一样弹出一个树形控件,这似乎是一个不错的控制.下面主要讲讲这种树形控件的实现.为了能使 ...

随机推荐

  1. 教你解决Xshell用SSH连接ubuntu总掉线该

    使用Xshell 5中的SSH连接ubuntu总是掉线,搞的自己束手无策,本集小编整理了一下原因及解决方法,现晒出来和大家分享一下,希望可以帮助大家. 1. Xshell客户端设置 将Keep Ali ...

  2. 20155209 2016-2017-2 《Java程序设计》第十周学习总结

    20155209 2016-2017-2 <Java程序设计>第十周学习总结 教材学习内容总结 计算机网络,是指分布在不同地理区域的计算机用通信线路互连起来的一个具有强大功能的网络系统.网 ...

  3. 20155233 《Java程序设计》 第十一周课堂练习总结

    20155233 <Java程序设计> 第十一周课堂练习总结 测试题目 1.修改教材P74 一行代码 NineNineTable.java, 让执行结果是个三角形: 提交在IDEA或命令行 ...

  4. .NET Core中使用RabbitMQ正确方式

    .NET Core中使用RabbitMQ正确方式 首先甩官网:http://www.rabbitmq.com/ 然后是.NET Client链接:http://www.rabbitmq.com/dot ...

  5. pycharm设置github

    1.打开file,选择settings,找到Version Contorl,打开找到GitHub ,HOST填github.com,用户名,密码,test,稍等一会,会提示成功 2. 设置好以后 打开 ...

  6. 【转】glumer Appium + Python环境搭建(移动端自动化)

    最近整理了一下自动化的东西,好久没搭建环境又踩了不少坑,appium的环境搭建比较繁琐,好多同行估计都在环境上被卡死了.分享一下~~ 一.安装JDK,配置JDK环境    百度搜索下载就行,这里分享一 ...

  7. 第五篇 Postman离线安装interceptor插件---Chrome app及录制请求

    在测试中,总是苦恼于无法直接使用chrome浏览器的cookie等信息,终于在茫茫网海中,发现了 https://www.jianshu.com/p/a4223bab1e73, 感谢 智者向内寻求力量 ...

  8. Phaser3 屏幕适配iPhoneX、iPhoneXs的坑 -- JavaScript Html5 游戏开发

      PhaserJS 坑:在config内不要把 width 设为 window.innnerWidth在config内不要把 width 设为 window.innnerWidth在config内不 ...

  9. idea scala 报 with UTF-8 Please try specifying another one using the -encoding option

    现象如下图, 代码里有汉字,执行代码报错,说编码格式不对, 修改方式如上面,将右下角的编码格式修改成 u8即可.

  10. Struts2(一.基本介绍,环境搭建及需求分析)

    Struts2框架开发 前言 开发工具:eclipse struts1:老项目使用较多,维护时需要用到 struts2:新项目使用较多 一.特点 1. 无侵入式设计 struts2 与 struts ...