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脚本来构筑树形控件将是一个不错的选择,比如有一个文本框,当鼠标点击的时候,像弹出一个下拉框一样弹出一个树形控件,这似乎是一个不错的控制.下面主要讲讲这种树形控件的实现.为了能使 ...
随机推荐
- 20155339 2016-2017-2《Java程序设计》课程总结
20155339 2016-2017-2<Java程序设计>课程总结 每周作业链接汇总 第一篇随笔:简单的叙述了一下自己对自己的专业以及对师生关系的期望. 平措卓玛的第二次随笔--论技能与 ...
- day3 RHCE
10.配置NFS服务 在server0配置NFS服务,要求如下: 以只读的形式共享目录/public同时只能被example.com域中的系统访问. 以读写的形式共享目录/protected同时只能被 ...
- DE1-SOC开发板使用学习
1. Yocto build utility 工具是什么?Linux Console with framebuffer是什么? 2. 文档里面有几个Linux发布版本的,分别是ubuntu和LXDE版 ...
- SimpleDateFormat,Calendar 线程非安全的问题
SimpleDateFormat是Java中非常常见的一个类,用来解析和格式化日期字符串.但是SimpleDateFormat在多线程的环境并不是安全的,这个是很容易犯错的部分,接下来讲一下这个问题出 ...
- Java SE教程
第0讲 开山篇 读前介绍:本文中如下文本格式是超链接,可以点击跳转 >>超链接<< 我的学习目标:基础要坚如磐石 代码要十份规范 笔记要认真详实 一.java内容介绍 ...
- mac生成ssh公私匙
1. cd ~/.ssh/ 2.ssh-keygen 3.id_rsa.pub文件放入git 4.私匙放进jenkins
- Maven学习(二)-----Maven启用代理访问
Maven启用代理访问 如果你的公司正在建立一个防火墙,并使用HTTP代理服务器来阻止用户直接连接到互联网.如果您使用代理,Maven将无法下载任何依赖. 为了使它工作,你必须声明在 Maven 的配 ...
- 探究linux设备驱动模型之——platform虚拟总线(二)
上回说到,platform_match是驱动和设备之间的媒人婆,那么platform_match是如何匹配驱动和设备的呢?platform总线定义的匹配条件很简单,主要就是查看驱动结构体和设备结构体的 ...
- python基础数据类型补充
python_day_7 一. 今日主要内容: 1. 补充基础数据类型的相关知识点 str. join() 把列表变成字符串 列表不能再循环的时候删除. 因为索引会跟着改变 字典也不能直接循环删除.把 ...
- 车架号识别,VIN码识别 助力汽车后市场
又有一家汽配圈新贵引入了小译家的 车架号识别(VIN码识别)技术 那就是明觉科技 是一个服务于汽车后市场 集数据服务.行业数据挖掘 及“互联网+”为一体的汽配信息协作平台 旗下拥有一款全车零配件信息智 ...