正文

ztree介绍及相关属性使用

心和梦的方向  心和梦的方向  2022-09-19  795

关键词：

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。

具体使用可查看参考网站： http://www.treejs.cn/v3/demo.php#_101 里面有demo说明和api文档（http://www.treejs.cn/v3/api.php）

使用前需引入js文件

加载数据 tree = $("#ztree").tree(setting);

setting 为获取数据来源，具体见下面示例

 1 function loadTree(){
 2             var platIndexCode = $('#platIndexCode').val();
 3             var setting = {
 4                     ajax : {
 5                         url : "${ctx}/web/module/caseplan/case/statistics/showOrganizationTree.action?platIndexCode="+platIndexCode,
 6                         success : function() {
 7                             expand(tree.getNodes());
 8                         }
 9                     },
10                     callback : {},
11                     check : {
12                         enable : true
13                     }
14                 };
15                 setting.check.chkboxType = { "Y" : "ps", "N" : "ps" };
16                 //只展开type为1的
17                 function expand(nodes){
18                     if(nodes){
19                         for(var i=0;i<nodes.length;i++){
20                             var node = nodes[i];
21                             if(!node.extra.type){
22                                 tree.expandNode(node,false,false,false,true);
23                                 expand(node.children);
24                             }else{
25                                 if(node.extra.type == 1){
26                                     if(!checkChildType(node.children)){
27                                         tree.expandNode(node,false,false,false,true);
28                                         expand(node.children);
29                                     }
30                                 }else{
31                                     break;
32                                 }
33                             }
34                         }
35                     }
36                 }
37                 
38                 function checkChildType(nodes){
39                     if(nodes){
40                         for(var i=0;i<nodes.length;i++){
41                             if(nodes[i].extra.type != 1){
42                                 return true;
43                             }
44                         }
45                         return false
46                     }
47                     return true;
48                 }
49                 tree = $("#ztree").tree(setting);
50         }

View Code

loadTree（）函数即为加载树

其中属性：chkboxType 属性为复选框父子是否关联设置，具体见官方demo。

setting.check.chkboxType = { "Y" : "ps", "N" : "ps" };

其中：expandNode 属性为节点收缩和展开属性设置，具体见app文档,描述非常详细

tree.expandNode(node,false,false,false,true);

官网API

http://www.treejs.cn/v3/api.php

求asp.net所有控件属性。及相关介绍

推荐你去w3school看看，那里面关于asp.net的讲的很基础。参考技术A记得当初学习的时候，只把学过的比较基本的控件总结起来用A4纸正反两面就打印了快10张了。。。你还不如需要用到什么控件就在CS文件里：用控件名.看看每个属... 查看详情

前端开发相关

一、HTML相关前端介绍HTML介绍二、CSS相关前端之CSS——CSS选择器前端之CSS——盒子模型和浮动前端之CSS——属性和定位css3中@font-face模块自定义字体CSS页面布局单位总结三、JavaScript相关JavaScirpt(JS)——js介... 查看详情

mongodb位运算$bit介绍及使用场景详解(代码片段)

mongodb位运算$bit介绍及使用场景详解最近在做一个教学相关一个项目，由于是一个多租户SaaS平台，需要支持租户完全自定义课程的属性，如：城市、区域、校区、年级、科目以及学费、杂费等等，于是我们选... 查看详情

004ztree入门-bos

使用标准json数据构造ztree 1.使用标准json构造ztree，children属性用于描述子节点，可以无限嵌套下去 2.name属性用于描述节点名称 3.缺点是结构很混乱，不易修改，代码阅读、维护困难 4.示例代码 <!--展示ztree效果:使用标准json数... 查看详情

relativelayout经常使用属性介绍及实例解说

RelativeLayout是一种相对布局。控件的位置是依照相对位置来计算的。后一个控件在什么位置依赖于前一个控件的基本位置，是布局最经常使用，也是最灵活的一种布局。下边来看一下他的经常使用属性 &... 查看详情

ztree使用教程

...main.php#_zTreeInfo1、zTree官网下载ztree 下载好后放到项目相关目录下2、编写相关代码引入相关js、css文件，代码如下:<!DOCTYPEhtml><html> <head> <metacharset="utf-8"/> <title></title> <scripttype="text/javascript"src="js/... 查看详情

使用ztree时为啥设置check属性不显示复选框

参考技术AtreeNode.halfCheck属性即可请查看halfCheck的API文档以及“CheckboxhalfCheck演示”和“RadiohalfCheck演示”本回答被提问者采纳查看详情

（转载）vs2010/mfc编程入门之十三（对话框：属性页对话框及相关类的介绍）

前面讲了模态对话框和非模态对话框，本节开始鸡啄米讲一种特殊的对话框--属性页对话框。另外，本套教程所讲大部分对VC++各个版本均可适用或者稍作修改即可，但考虑到终究还是基于VS2010版本的，所以将《VC++/MFC编程入门》... 查看详情

ztree中怎样获取选中节点的父节点及自己的index

...，如下图所示。5、接着可以看某一条记录里面都有isParent属性，这是判断是不是父节点的属性，如下图所示。6、最后就可以通过上面的线索获取所有的最后一级节点了，如下图所示。参考技术A1.treeNode.getParentNode()方法能得到其... 查看详情

rsync服务介绍及相关实验(代码片段)

一、rsync简介rsync是类unix系统下的数据镜像备份工具。一款支持快速完全备份和增量备份的工具，支持本地复制，远程同步等，类似于scp命令；rsync命令在同步文件之前要先登录目标主机进行用户身份认证，认证过后才能进行数... 查看详情

字体相关css属性介绍

font-family字体系列。font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。浏览器会使用它可识别的第一个值。简单实例：body{font-family:"MicrosoftYahei","微软雅黑","Arial",sans-ser... 查看详情

ztree节点增删改(代码片段)

...关键点：使用编辑功能，必须设置setting.edit中的各个属性使用编辑功能的事件回调函数，必须设置setting.callback.beforeRemove/onRemove/beforeRename/onRename等属性zTree 查看详情

linux系统防火墙相关问题及常用命令介绍

今天介绍关于linux系统防火墙：centos5、centos6、redhat6系统自带的是iptables防火墙，centos7、redhat7自带firewall防火墙，ubuntu系统使用的是ufw防火墙。本平台www.gxdeqiong.com安装的是iptables防火墙（其他云服务供应商可能使用的是其他防火... 查看详情

hbasejavaapi介绍及使用示例

几个相关类与HBase数据模型之间的对应关系java类HBase数据模型HBaseAdmin数据库（DataBase)HBaseConfigurationHTable表（Table)HTableDescriptor列族（ColumnFamily)Put列修饰符（ColumnQualifier）GetScanner一、HBaseConfiguration关系：org.apache.hadoop.hb 查看详情

cooledit工具介绍及使用

...件进行音频的基本操作能力欠缺，因此对该工具进行简单介绍和简单功能的使用。2.cooledit工具介绍2.1安装工具2.2使用说明1.将其转换成单文查看详情

ztree

1、ztree　API网址：http://www.treejs.cn/v3/api.php2、ztree的基本介绍　　zTree是一个依靠jQuery实现的多功能插件树。优异的性能、灵活的配置、多种功能的组合是zTree最大优点。专门适合项目开发，尤其是树状菜单、树状数据的Web显示、... 查看详情

命令的使用格式及介绍

命令的使用格式及介绍命令的通用格式COMMANDOPTIONSARGUMENTS：命令选项参数发起一个命令，请求内核将某个二进制程序运行为一个进程程序到进程，静态到动态，具有生命周期COMMAND 命令本身是一个可执行的程序文件：二进... 查看详情

canvas相关属性使用

...可。2.canvas的font属性没法单独设置，必须设置两个及以上相关属性。如果要通过传入的值来改变font属性的参数，可以通过正则匹配表达式，replace方法来实现，如改变字号：　　context.font="italic12px/20pxarial";　　context.font=context.f 查看详情