iMatrix平台中组织结构标准树(popZtree(zTreeSetting))用法
1.1.1 popZtree(zTreeSetting)1.1.1.1 参数说明
type: {
treeType: "COMPANY",
noDeparmentUser:"",
onlineVisible:""
}
treeType:树的类型
COMPANY(公司人员树)
MAN_DEPARTMENT_TREE(部门人员树)
MAN_GROUP_TREE(工作组人员树)
DEPARTMENT_TREE(部门树)
GROUP_TREE(工作组树)
DEPARTMENT_WORKGROUP_TREE(部门工作组树)
noDeparmentUser:是否显示无部门人员
true:显示
false:不显示
onlineVisible:是否显示在线人员
true:显示
false:不显示
data: {
chkStyle:"checkbox",
chkboxType:"{'Y' : 'ps', 'N' : 'ps' }",
branchIds: ""
}
branchIds：显示固定的分支机构和其子部门（存在多分支时使用）
branchIds=”2,3” ”2,3”为要显示的分支机构id
chkStyle:设置单选还是多选
默认为单选,chkStyle:"checkbox"为多选
chkboxType:设置父子节点勾选关联关系
chkboxType="{'Y' : 'ps', 'N' : 'ps'}"
Y : 表示选中时
N : 表示去掉选中时
p : 表示关联父节点
s : 表示关联子节点
例如:chkboxType="{'Y' : 's', 'N' : 'p'}",表示选中时关联子节点,去掉选中时关联父节点.
view: {
title: "标准树",//树弹出框头部的名称
width: 300,//树弹出框的宽度
height:400,//树弹出框的高度
url:"http://192.168.1.99:8888/imatrix/"//弹框的根目录
showBranch:false
}
showBranch:是否显示分支机构（存在多分支机构有效）
showBranch=true
例如：‘张三’在分支机构‘分支1’内,调用getName()获取选择节点对应的名称时为‘张三(分支1)’
feedback:{
showInput:"showInput",
showThing:getShowThing,
hiddenInput:"hiddenInput",
hiddenThing:getHiddenThing,
}
showInput:设置显示框id
showThing:设置显示框显示内容
例：showThing=”name”
”name”为要显示字段 默认为name
hiddenInput:设置隐藏域id
hiddenThing:设置隐藏域内容
例：hiddenThing =”id”
”id”为设置隐藏域内容 默认为id
callback: {
onClose:addValue
}
onClose:设置关闭树弹框时的回调方法
1.1.1.2 API
参数api中封装了很多关于树的api,如下:
单选
//获取当前选中节点
ztree.getCurrentClickNode()
//获取用户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()
使用例子
1.1.1.3 使用例子
//ztree的设置
var zTreeSetting={
leaf: {
enable: false,
multiLeafJson: getMultiLeafJson
},
type: {
treeType: "COMPANY",
showContent:getShowContent,
noDeparmentUser:false,
onlineVisible:true
},
data: {
treeNodeData: getTreeNodeData,
chkStyle:"checkbox",
chkboxType:"{'Y' : 'ps', 'N' : 'ps' }",
departmentShow:getDepartmentShow
},
view: {
title: "标准树",
width: 300,
height:400,
url:"http://192.168.1.99:8888/imatrix/"
},
feedback:{
enable: true,
showInput:"showInput",
showThing:getShowThing,
hiddenInput:"hiddenInput",
hiddenThing:getHiddenThing,
append:false
},
callback: {
onClose:addValue
}
};
popZtree(zTreeSetting);
function getTreeNodeData(){
return "name,loginName,email,weight,code,description,shortTitle,summary";
}
function getShowContent(){
return "[{'company':'','department':'','user':'name','workgroup':''}]";
}
//name:页签名字,type:页签树类型,hiddenValue:隐藏域中的值,showValue:显示域中的值
function getMultiLeafJson(){
return "[{'name':'公司树','type':'COMPANY',"
+"'hiddenValue':'{\"department\":\"id\",\"user\":\"name\"}',"
+"'showValue':'{\"company\":\"name\",\"department\":\"name\",\"user\":\"name\",\"workgroup\":\"name\"}'},"
+"{'name':'部门树','type':'DEPARTMENT_TREE','hiddenValue':'{\"company\":\"name\",\"department\":\"id\",\"user\":\"id\",\"workgroup\":\"name\"}','showValue':'{\"company\":\"name\",\"department\":\"name\",\"user\":\"name\",\"workgroup\":\"name\"}'}]";
}
//company:name
//user:id,name,pId,loginName,email,parentName
//department:id,name,pId,code,shortTitle,summary
//workgroup:id,name,pId,code,description
function getShowThing(){
return '{"department":"name","user":"name"}';
}
function getHiddenThing(){
return '{"department":"id","user":"id"}';
}
function getDepartmentShow(){
return "董事会办公室,财务部,安世质量事业部";
}
function addValue(api){
// alert(api.single.getClickUserValueByParam("email"));
// alert(api.multi.getCheckUserNodeByParam("name"));
}
function clearfff(){
myZtree.clearInput();
}
function deleted(){
myZtree.deleteInput("webpageChangeForm");
}
页:
[1]