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

imatrix开发平台

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