1.1.1标签树<ztree:ztree>
1.1.1.1 用法
<ztree:ztree
treeType="MAN_DEPARTMENT_TREE"
treeId="treeDemo"
userWithoutDeptVisible="true"
showBranch="true"
chkStyle="checkbox"
chkboxType="{'Y' : 'ps', 'N' : 'ps' }"
branchIds="1,2,3,4,5"
>
</ztree:ztree>
1.1.1.2 参数说明
1) treeId:树的id,树的唯一标识
2) treeType:树的类型
COMPANY(公司人员树)
MAN_DEPARTMENT_TREE(部门人员树)
MAN_GROUP_TREE(工作组人员树)
DEPARTMENT_TREE(部门树)
GROUP_TREE(工作组树)
DEPARTMENT_WORKGROUP_TREE(部门工作组树)
3) chkStyle:单选或多选
默认是单选,chkStyle='checkbox'时是多选
4) userWithoutDeptVisible:是否显示无部门人员
true:显示
false:不显示
5) chkboxType:设置父子节点勾选关联关系,不必填,
chkboxType="{'Y' : 'ps', 'N' : 'ps'}"
Y : 表示选中时
N : 表示去掉选中时
p : 表示关联父节点
s : 表示关联子节点
例如:chkboxType="{'Y' : 's', 'N' : 'p'}",表示选中时关联子节点,去掉选
中时关联父节点.
6) showBranch:是否显示分支机构(存在多分支机构有效)
showBranch=true
例如:‘张三’在分支机构‘分支1’内,调用getName()获取选择节点对应的名称时为‘张三(分支1)’
7) branchIds:显示固定的分支机构和其子部门(存在多分支时使用)
branchIds=”2,3” ”2,3”为要显示的分支机构id
1.1.1.3 使用例子
<ztree:ztree
treeType="MAN_DEPARTMENT_TREE"
treeId="treeDemo"
userWithoutDeptVisible="true"
showBranch="true"
chkStyle="checkbox"
chkboxType="{'Y' : 'ps', 'N' : 'ps' }"
branchIds="1,2,3"
>
</ztree:ztree>
1.1.1.4 API
注1:以下方法与对应树有关例如:当是选择部门树时调用getDepartmentName()才有效否则返回‘‘字符串
注2: 使用标签树时要使用api获取节点的值必须先使用ztree.selectTreeValue()
并把以后处理都写进selectTreeValue的参数里
例:ztree.selectTreeValue(
function(){
alert(ztree.getIds())//
}
);
Ø ztree.selectTreeValue()
单选:
//获取当前选中节点
Ø ztree.getCurrentClickNode()
//获取当前选中节点类型
Ø ztree.getType()
//获取用户ID
Ø ztree.getId()
//获取用户姓名
Ø ztree.getName()
//获取用户登陆名
Ø ztree.getLoginName()
//部门名称
Ø ztree.getDepartmentName()
//部门id
Ø ztree.getDepartmentId()
//工作组名称
Ø ztree.getWorkGroupName()
//工作组id
Ø ztree.getWorkGroupId()
//用户邮件
Ø ztree.getEmail()
//用户权重
Ø ztree.getWeight()
//获取用户部门名称
Ø ztree.getUserDepartmentName()
//获取所在分支机构ID
Ø ztree.getSubCompanyId()
//获取所在分支机构名称
Ø ztree.getSubCompanyName()
//获取部门编码
Ø ztree.getDepartmentCode()
//获取部门简称
Ø ztree.getDepartmentShortTitle()
多选:
//获取用户Ids
Ø ztree.getIds()
//获取用户Names
Ø ztree.getNames()
//获取用户LoginNames
Ø ztree.getLoginNames()
//获取用户LoginNames
Ø ztree.getSubCompanyIds()
//获取部门DepartmentNames
Ø ztree.getDepartmentNames()
//部门id
Ø ztree.getDepartmentIds()
//获取部门names(不包含分支机构)
Ø ztree.getRealDepartmentNames()
//获取部门ids(不包含分支机构)
Ø ztree.getRealDepartmentIds()
//部门编码Codes
Ø ztree.getDepartmentCodes()
//部门简称ShortTitles
Ø ztree.getDepartmentShortTitles()
//工作组名称
Ø ztree.getWorkGroupNames()
//工作组id
Ø ztree.getWorkGroupIds()
iMatrix6.0.0.RC1Demo演示登陆地址:http://demo.imatrix.net.cn:8888/imatrix
如有使用iMatrix平台问题请登录iMatrix平台论坛咨询:
http://bbs.imatrix.net.cn/forum.php?mod=forumdisplay&fid=37
或者加入QQ群307599527
相关推荐
在V3版本中,zTree进一步提升了性能和兼容性,使其能够更好地适应各种jQuery框架,满足多样化的前端开发需求。 **二、zTree的主要特点** 1. **轻量级**:zTree的代码量相对较小,但功能强大,加载速度快,对页面...
【ztree】与【jstree】都是在Web开发中常用的JavaScript树形插件,用于在网页上展示层级结构的数据,如目录、组织结构、菜单等。这两个插件都提供了丰富的功能和高度的可定制性,使得开发者可以方便地创建交互式的...
在【zTree-zTree_v3-各种tree的使用大全(带搜索)】这个压缩包中,包含了zTree_v3的完整源码和相关示例,为开发者提供了全面了解和使用zTree_v3的功能。 1. **zTree_v3的核心特性** - **灵活的配置**:zTree_v3支持...
首先,理解zTree的基本概念和使用方法是关键。zTree的核心功能是将HTML的ul、li结构转化为可交互的树形结构,通过配置参数和事件处理,可以实现丰富的功能定制。在实现多选下拉框时,zTree的"checkbox"特性尤其重要...
在“zTree_v3.zip”这个压缩包中,包含了zTree的v3版本,为用户提供了一整套的树形菜单解决方案。 zTree的核心功能包括但不限于: 1. **动态加载**:zTree支持数据的动态加载,用户可以根据需要请求和显示节点数据...
zTree是一款广泛应用于Web开发中的JavaScript树形插件,它以轻量级、高效和高度可定制性著称。这个“zTree源码包”包含了zTree的核心代码,供开发者研究学习或者进行二次开发。zTree_v3是该源码包中的主要文件,代表...
ZTree是一款功能强大的Windows平台下的文件管理器,以其简洁的界面、丰富的操作功能以及高效的文件处理能力而深受程序员和高级用户喜爱。它支持多窗口显示,具备文件浏览、搜索、编辑、复制、移动、重命名等多种功能...
2. **节点操作**:zTree提供了丰富的节点操作方法,如添加、删除、更新、展开、折叠、选中、取消选中等,使得在用户交互中对树形结构进行动态管理变得简单。 3. **事件处理**:zTree支持多种事件监听,如点击、双击...
本文将围绕zTree v2.6的API,结合CHM和PDF两种格式的中文文档,详细解读其核心功能与使用方法。 一、zTree基本概念 1. 树节点:zTree的数据结构以树状形式展现,每个单元被称为节点。节点包含了文本、图标、状态等...
在本文中,我们将深入探讨zTree的基本概念、主要特点、使用方法以及如何解决可能出现的问题。 首先,zTree的核心功能是构建动态、交互式的树形结构,它可以用于网站导航、数据展示、文件管理等多种场景。"zTree_v3-...
通过对zTree_v3-master.zip的解压和研究,开发者可以深入理解zTree的工作原理和使用方法,从而在项目中灵活应用这个强大的树形插件。无论是用于构建动态的文件管理系统,还是构建复杂的组织架构图,zTree都能提供...
zTree是一款广泛应用于Web开发中的JavaScript插件,主要用于构建可交互的树形结构展示,如组织结构、文件目录等。其强大的功能、易用性和高度的定制性使其在IT行业中备受青睐。本压缩包“zTree_v3”包含了zTree的...
在zTree v3.3中,主要包含以下几个核心知识点: 1. **节点操作**:zTree允许创建、删除、更新和查找节点。你可以动态地添加新的子节点,或者修改已有的节点信息,甚至根据需求查找特定的节点。 2. **多态展示**:...
通过深入研究这些内容,开发者可以熟练掌握zTree的使用方法,从而在项目中灵活运用,提升开发效率。在无网环境下,这份离线文档就显得尤为重要,它能确保开发者在任何时刻都能查阅到所需的信息,不受网络状况的限制...
4. 使用`$.fn.zTree.init`方法初始化zTree,该方法接受三个参数:容器(容器的className需要设置为"ztree")、参数配置、数据源。 初始化代码示例: ```javascript var zTreeObj; var setting = { // 参数配置 };...
《jQuery zTree全面解析与应用》 jQuery zTree是一款基于jQuery的树形插件,它在Web开发中广泛应用于构建...通过深入理解和实践"Ztree使用方法.docx"中的内容,开发者可以充分利用zTree,提升项目的用户体验和交互性。
【ztree】是一款广泛应用于网页端的树形控件,尤其在数据管理和文件目录展示方面具有显著优势。它以其轻量级、高度可定制和强大的交互功能受到开发者的青睐。ztree的核心特性在于其能够动态加载数据,支持多选、单选...
zTree_v3是一款基于JavaScript的树形控件插件,广泛应用于网页中构建层次结构的数据展示,如文件目录、...通过深入理解和使用这个压缩包中的内容,开发者可以熟练掌握zTree的用法,并将其成功地应用到自己的项目中。
在这个"ztree-demo"演示压缩包中,包含了各种功能的实例代码,你可以通过运行这些示例来了解zTree的使用方法。每个示例通常都会包含HTML、CSS和JavaScript三部分,展示了如何在实际项目中集成zTree并实现特定功能。...