zTree介绍及相关属性使用

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

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

使用前需引入js文件

<script src="${ctx}/baseui/js/jquery.ztree-override.js"></script>

加载数据 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         }

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

时间: 2024-10-11 01:51:10

zTree介绍及相关属性使用的相关文章

Android总结篇系列:Activity Intent Flags及Task相关属性

同上文一样,本文主要引用自网上现有博文,并加上一些自己的理解,在此感谢原作者. 原文地址: http://blog.csdn.net/liuhe688/article/details/6761337 -------------------------------------------------------------------------- 今天我们来讲一下Activity的task相关内容. 上次我们讲到Activity的四种启动模式的时候,已经了解到一些关于task的技术,今天我再向大

UILabel的相关属性设置

在iOS编程中UILabel是一个常用的控件,下面分享一下UILabel的相关属性设置的方法. 很多学习iOS6编程都是从storyboard开始,用到UILabel时是将控件拖到storyboard中生成实现,如果想要在-(void)viewDidLoad中用代码如[_label initWithFrame:CGRectMake(X,Y,WIDTH,HEIGHT)]方法改变拖拽到storyboard的label的大小是行不通的,因为程序加载时先执行了-(void)viewDidLoad的代码,

HTTP缓存相关属性的服务器配置

http://blog.csdn.net/goldlevi/article/details/7705160 之前和网络部门的人一起搭建我们的下载服务器,里面涉及了cache-control/expires的设置,之前每日更新也出现了文件无法下载的情况,最后发现是因为Lastmodified参数的值有变动.这里我把之前整理的与缓存有关系的HTTP头的资料和大家分享一下. 一.     基本知识: 先大概总结一下相关属性的含义. 1.Expires属性 Expires(过期时间)属性是HTTP控制缓

android布局相关属性

 android属性 Android功能强大,界面华丽,但是众多的布局属性就害苦了开发者,下面这篇文章结合了网上不少资料, 第一类:属性值为true或false android:layout_centerHrizontal  水平居中 android:layout_centerVertical   垂直居中 android:layout_centerInparent    相对于父元素完全居中 android:layout_alignParentBottom 贴紧父元素的下边缘 android:

swoole_server的相关属性

在swoole中,一个swoole_server的相关属性可以通过 $serv->set( $array configs ); 函数来配置,这些配置选项使得swoole更加灵活. 示例: $serv = new swoole_server("0.0.0.0", 9501); $serv->set(array( 'worker_num' => 8, 'max_request' => 10000, 'max_conn' => 100000, 'dispatch

cocos2dx 3.x以上(Sprite精灵类的相关属性与创建)

// //  MainScene.cpp //  helloworld // //  Created by apple on 16/9/19. // // #include "MainScene.hpp" Scene * MainScene::createScene() { auto scene = Scene::create(); //    CCScene * scene = CCScene::create();// 创建场景 //创建层 MainScene *layer = Ma

Cocos2d入门--1-- 初涉相关属性或代码

 Cocos2d入门--1-- 初涉相关属性或代码 Cocos2d vision:  cocos2d-x-3.8.1 万丈高楼,起于累土.对于一个游戏框架的学习,其实在于框架功能的使用积累,学会了如何在cocos2d游戏引擎的基础上使用它提供的各种功能,并灵活运用, 以及学会查阅Cocos2d官方提供的API文档.相信自己也能开发出自己喜爱或者让别人羡慕的游戏. 目录: 1>认识origin和visibleSize以及cocos2d的基础绘画类DrawNode的简单实用 2>认识 CCLOG(

前端笔记九,背景、边框和补丁相关属性

常用的背景相关属性:以下属性均在style内设置 background:设置对象的背景样式,不建议直接通过该属性来控制 background-attachment:设置背景图片是随对象内容滚动还是固定的,可选值: scroll:会随内容的滚动而滚动 fixed:背景图片固定 background-color:设置背景色,如果设置了背景图片则会覆盖背景色 background-image:设置背景图片,使用url()函数 background-position:设置对象的背景图片的位置,第一个表示

canvas相关属性使用

1.canvas按百分比画圆环 可以使用canvas的arc属性画出圆环,百分比部分换算成弧度即可. 2.canvas的font属性没法单独设置,必须设置两个及以上相关属性. 如果要通过传入的值来改变font属性的参数,可以通过正则匹配表达式,replace方法来实现, 如改变字号: context.font = "italic 12px/20px arial"; context.font = context.font.replace(/\d+(\.\d+)?(px|pt|em|%)/