初始化如下:

    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. 与Linux的第一次遭遇

    我的与linux首次遭遇战 虚拟机安装 安装虚拟机我遇到的问题个数可以缩减到1--我几乎没遇到安装虚拟机的问题!我严格按照老师给的链接去下载那个VirtualBox,尽管那个网页是全英文的,但是我像看 ...

  2. # 第二周课堂实践以及MyOD

    第二周课堂实践以及MyOD 之前使用的虚拟机出现问题被我删掉了,开始学着使用Mac系统自带的终端.在课堂上出现了问题,询问王雄老师也没有解决,课下先使用了实验楼环境进行实验,后来又在Mac重新进行了尝 ...

  3. 【jQuery学习】用JavaScript写一个输出多选框的个数报错:Cannot set property 'onclick' of null"

    说明:代码段来源于:<锋利的jQuery> 根据代码段我补充的代码如下: <!DOCTYPE html> <html> <head> <meta ...

  4. 质造未来,首届腾讯WeTest技术交流开放日成功举办

    WeTest 导读 北京时间12月21日下午1点整,2018年度腾讯WeTest技术交流开放日在上海举办.盛大.巨人.电魂.bilibili.方趣等十余家来自不同优秀企业的测试技术负责人均来到现场,共 ...

  5. 搜索引擎ElasticSearch系列(五): ElasticSearch2.4.4 IK中文分词器插件安装

    一:IK分词器简介  IK Analyzer是一个开源的,基于java语言开发的轻量级的中文分词工具包.从2006年12月推出1.0版开始, IKAnalyzer已经推出了4个大版本.最初,它是以开源 ...

  6. Maven学习(三)-----Maven本地资源库

    Maven本地资源库 Maven的本地资源库是用来存储所有项目的依赖关系(插件jar和其他文件,这些文件被Maven下载)到本地文件夹.很简单,当你建立一个Maven项目,所有相关文件将被存储在你的M ...

  7. javaweb(三十一)——国际化(i18n)

    一.国际化开发概述 软件的国际化:软件开发时,要使它能同时应对世界不同地区和国家的访问,并针对不同地区和国家的访问,提供相应的.符合来访者阅读习惯的页面或数据. 国际化(internationaliz ...

  8. MySQL数据库之安装,基本操作

    一.基础部分 1.数据库是什么 之前所学,数据要永久保留,比如用户注册的用户信息,都是保存于文件,而文件只能存在于某一台机器上. 如果我们不考虑从文件中读取数据的效率问题,并且假设我们的程序所有的组件 ...

  9. 软考之信息安全工程师(包含2016-2018历年真题详解+官方指定教程+VIP视频教程)

    软考-中级信息安全工程师2016-2018历年考试真题以及详细答案,同时含有信息安全工程师官方指定清华版教程.信息安全工程师高清视频教程.持续更新后续年份的资料.请点赞!!请点赞!!!绝对全部货真价实 ...

  10. 180726-InfluxDB基本概念小结

    InfluxDB基本概念小结 InfluxDB作为时序数据库,与传统的关系型数据库相比而言,还是有一些区别的,下面尽量以简单明了的方式介绍下相关的术语概念 I. 基本概念 mysql influxdb ...