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
相关推荐
ztree+jstree最简单htm实例 直接可以在文件夹打开,包含css JavaScript img
开源最好的js tree。目前已升级到V3。能很好地与各种jquery框架整合。
开发中用到的树插件ztree,它比dtree更强大一点。
ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网...
zTree树插件实现点击左侧树,右侧展示文章列表页面实现思路 文章链接地址:https://blog.csdn.net/u012759397/article/details/53127732
zTree-zTree_v3-各种tree的使用大全,要用到树的,下载这个,各种方式 和方法的树都有。
ztree树选中节点弹出层编辑
bootstrap整合select2和ztree实现下拉框带树结构,select2+ztree下拉效果
使用zTree实现的可以多选的下拉框控件Demo
2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及反馈 6、支持 Tree 的节点移动、编辑、删除 7、支持极其灵活的 ...
JQuery ZTree简单使用 @(JavaScript)[jQuery, ztree, 入门] 基本概述 zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是 树状...
基于最新版本ztree而开发的下拉树插件,还拥有搜索功能
jQuery Tree Plugin ---- zTree last verson : 3.5.17 Donate to zTree : zTree API : zTree Demo : Introduction of zTree (简介) zTree is a multi-functional "tree plug-ins." based on jQuery. The main ...
Ztree使用方法.docx
jQuery Tree插件---- zTree 上一个版本:3.5.46 捐赠给zTree : : zTree API: : zTree演示: : 安装npm install @ztree/ztree_v3zTree简介zTree是一个多功能的“树插件”。 基于jQuery。 zTree的主要优点包括出色...
ztree3.5中文API文档
全网jquery.tree树形菜单打包下载(zTree&jquery-ui&treeview共四种)
ztree的js和css, 引用js:jquery-1.7.min.js,jquery.ztree.core-3.2.js,jquery.ztree.excheck-3.2.js,jquery.ztree.exedit-3.2.js css:zTreeStyle.css
jq ztree相关用法。包括节点添加、删除、更新。拖拽,丰富的事件和属性,功能强大
zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件 兼容 IE、FireFox、Chrome 等浏览器(对于IE 6的兼容问题将不做特殊维护) 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持...