iMatrix平台中组织结构标准树(popZtree(zTreeSetting))用法

 1.1.1    popZtree(zTreeSetting)

 

1.1.1.1    参数说明

Ø  type: {

           treeType: "COMPANY",

           noDeparmentUser:"",

           onlineVisible:""

           }

 

u  treeType:树的类型

          COMPANY(公司人员树)

          MAN_DEPARTMENT_TREE(部门人员树)

          MAN_GROUP_TREE(工作组人员树)

          DEPARTMENT_TREE(部门树)

          GROUP_TREE(工作组树)

          DEPARTMENT_WORKGROUP_TREE(部门工作组树)

 

u  noDeparmentUser:是否显示无部门人员

          true:显示

          false:不显示

u  onlineVisible:是否显示在线人员

          true:显示

          false:不显示

Ø    data: {

                   chkStyle:"checkbox",

                   chkboxType:"{'Y' : 'ps', 'N' : 'ps' }",

                              branchIds: ""

                }

u  branchIds：显示固定的分支机构和其子部门（存在多分支时使用）

 

branchIds=”2,3” ”2,3”为要显示的分支机构id

u  chkStyle:设置单选还是多选

             默认为单选,chkStyle:"checkbox"为多选

u  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

             }

u  showBranch:是否显示分支机构（存在多分支机构有效）

showBranch=true

例如：‘张三’在分支机构‘分支1’内,调用getName()获取选择节点对应的名称时为‘张三(分支1)’

Ø  feedback:{

           showInput:"showInput",

           showThing:getShowThing,

           hiddenInput:"hiddenInput",

           hiddenThing:getHiddenThing,

             }

 

   

u  showInput:设置显示框id

u  showThing:设置显示框显示内容

                   例：showThing=”name”

                      ”name”为要显示字段默认为name

u  hiddenInput:设置隐藏域id

u  hiddenThing:设置隐藏域内容

             例：hiddenThing =”id”

                      ”id”为设置隐藏域内容默认为id

   

Ø  callback: {

                onClose:addValue

             }

u  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");

       }

 

 

iMatrix6.0.0.RC1Demo演示登陆地址：http://demo.imatrix.net.cn:8888/imatrix

    如有使用iMatrix平台问题请登录iMatrix平台论坛咨询：

    http://bbs.imatrix.net.cn/forum.php?mod=forumdisplay&fid=37

    或者加入扣扣群307599527