jQuery树形控件zTree
初始化如下:
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的更多相关文章
- jQuery树形控件zTree使用小结
作者:Fonour 字体:[增加 减小] 类型:转载 时间:2016-08-02我要评论 这篇文章主要为大家详细介绍了jQuery树形控件zTree使用方法,zTree树插件的基本使用方法,感兴趣的小 ...
- jQuery树形控件zTree使用
http://www.cnblogs.com/AutumnRhyme/p/5915769.html .................................................. ...
- Jquery树形控件 $.fn.zTree.init
https://www.cnblogs.com/jin-/p/4646202.html asp.net 树形控件 $.fn.zTree.init 在网页中通过jquery脚本来构筑树形控件将是一个不错 ...
- js树形控件—zTree使用总结
0 zTree简介 树形控件的使用是应用开发过程中必不可少的.zTree 是一个依靠 jQuery 实现的多功能 “树插件”.优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点. 0.0 ...
- vue使用树形控件z-tree,动态添加数据,默认展开第一行
环境:vue 2.9.3; webpack; 插件:z-tree,jquery(cnpm install xxxx) 问题;由于数据量比较多,需要动态加载数据,默认第一次请求的数据是最高一级,然后子集 ...
- Jquery树控件ZTree异步加载
异步加载的意思就是: 当点击展开树节点时,才去请求后台action返回点击节点的子节点数据并加载. 这里面主要设计ztree的setting变量的async属性设置: var setting = { ...
- 一个很有用的树形控件----zTree
演示地址 http://www.treejs.cn/v3/demo.php#_101
- js树形控件
js树形控件 ztree http://www.treejs.cn/
- asp.net 树形控件 $.fn.zTree.init
在网页中通过jquery脚本来构筑树形控件将是一个不错的选择,比如有一个文本框,当鼠标点击的时候,像弹出一个下拉框一样弹出一个树形控件,这似乎是一个不错的控制.下面主要讲讲这种树形控件的实现.为了能使 ...
随机推荐
- 20155211 2016-2017-2 《Java程序设计》第一周学习总结
20155211 2006-2007-2 <Java程序设计>第1周学习总结 教材学习内容总结 首先根据博客上的指导安装了jdk,并且首次尝试了设置环境变量path和classpath. ...
- 20155313 2016-2017-2 《Java程序设计》第三周学习总结
20155313 2016-2017-2 <Java程序设计>第三周学习总结 教材学习内容总结 4.1 类与对象 4.1.1 定义类 书本中使用了设计衣服来定义类,一件衣服的设计Cloth ...
- ARKit-1
1.1-AR技术简介 增强现实技术(Augmented Reality,简称 AR),是一种实时地计算摄影机影像的位置及角度并加上相应图像.视频.3D模型的技术,这种技术的目标是在屏幕上把虚拟世界套在 ...
- 使用salt-ssh初始化系统安装salt-minion
salt-ssh介绍及使用方法 在ssh上执行salt命令和状态而不安装salt-minion,类似于ansible. 1. salt-ssh的安装: [root@linux-node1 ~]# yu ...
- 利用 Intel Realsense做SLAM开发(一)
最近手里拿到一台Realsense D435,就是这个: https://click.intel.com/intelr-realsensetm-depth-camera-d435.html 所以准备拿 ...
- selenium 结合 docker 构建分布式测试环境 (初学者视角)
前言:随着自动化测试越学越深,深深觉得有太多的东西需要总结. 1.记录下学习中遇到的坑,当做学习笔记.2.有前人路过看到文章中比较落后的做法,请务必一定要指教.(因为是初学者视角,很多东西只是走通而已 ...
- vue2.0做移动端开发用到的相关插件和经验总结1.0
最近在用vue2.0做微信公众号相关的前端开发,经过这次开发实践,现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理,希望和大家共同交流...... cssrem:一个CSS值转REM的VSC ...
- JAVA基础学习之路(十二)链表
定义链表的基本结构: class Link {//外部类 //内部类,只为链表类服务 private class Node {//定义节点类 private String data;//保存的数据 p ...
- 廖雪峰git笔记
查看本地机子的在Git上的名字和邮箱:git config user.namegit config user.email 对所有仓库指定相同的用户名和Email地址:git config --glob ...
- windows下sublime text的node.js开发环境搭建
首先安装sublime text3,百度一堆,自己找吧.理论上sublime text2应该也可以.我只能说一句:这个软件实在是太强悍了. 跨平台,丰富的插件体系,加上插件基本上就是一个强悍的ide了 ...