jQuery树形控件zTree
2024-08-29 14:15:32
初始化如下:
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]);
}
}
}
}
最新文章
- UGUI研究院之控件以及按钮的监听事件系统
- Unix sed实用教程系列目录[已完成]
- 剑指OFFER之从1到n中出现1的次数(九度OJ1373)
- 防止ajax非正常访问
- Lisp之根源
- 一个SQL面试题
- time_wait和clost_wait说明
- 让你的网站high起来
- canvas实现俄罗斯方块
- C#深度学习のLINQ
- angular4 富文本编辑器
- RCNN--目标检测
- java中的字符、字符串及数字之间的转换(转)
- Install Kernel 3.10 on CentOS 6.5
- Git冲突与解决方法【转】
- properties文件读取
- Docker_容器化gitlab
- ios中第三方库归结
- 【JSON.NET】json序列化小驼峰格式(属性名首字母小写)
- 前端-CSS-10-定位
热门文章
- # 学号20155308 2006-2007-2 《Java程序设计》第4周学习总结
- spring_cloud多个微服务访问时偶发forward_error问题
- BZOJ1010_玩具装箱toy_KEY
- c++ 创建单项链表
- 【LG4491】[HAOI2018]染色
- MySQL入门篇(四)之MySQL主从复制
- Retinex图像增强和暗通道去雾的关系及其在hdr色调恢复上的应用
- Maven学习(六)-----Maven仓库的详细介绍
- mono for andorid第一个小应用
- 拼多多商品id怎么查看 拼多多店铺ID怎样看