zTree介绍及相关属性使用

      zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。

具体使用可查看参考网站： http://www.treejs.cn/v3/demo.php#_101  里面有demo说明和api文档  （http://www.treejs.cn/v3/api.php）

使用前需引入js文件

   <script src="${ctx}/baseui/js/jquery.ztree-override.js"></script>

加载数据 tree = $("#ztree").tree(setting); 

setting 为获取数据来源，具体见下面示例

function loadTree(){
            var platIndexCode = $('#platIndexCode').val();
            var setting = {
                    ajax : {
                        url : "${ctx}/web/module/caseplan/case/statistics/showOrganizationTree.action?platIndexCode="+platIndexCode,
                        success : function() {
                            expand(tree.getNodes());
                        }
                    },
                    callback : {},
                    check : {
                        enable : true
                    }
                };
                setting.check.chkboxType = { "Y" : "ps", "N" : "ps" };
                //只展开type为1的
                function expand(nodes){
                    if(nodes){
                        for(var i=0;i<nodes.length;i++){
                            var node = nodes[i];
                            if(!node.extra.type){
                                tree.expandNode(node,false,false,false,true);
                                expand(node.children);
                            }else{
                                if(node.extra.type == 1){
                                    if(!checkChildType(node.children)){
                                        tree.expandNode(node,false,false,false,true);
                                        expand(node.children);
                                    }
                                }else{
                                    break;
                                }
                            }
                        }
                    }
                }
                
                function checkChildType(nodes){
                    if(nodes){
                        for(var i=0;i<nodes.length;i++){
                            if(nodes[i].extra.type != 1){
                                return true;
                            }
                        }
                        return false
                    }
                    return true;
                }
                tree = $("#ztree").tree(setting);
        }

loadTree（）函数即为加载树

其中属性：chkboxType 属性为复选框父子是否关联设置，具体见官方demo。

• setting.check.chkboxType = { "Y" : "ps", "N" : "ps" };

其中：expandNode 属性为节点收缩和展开属性设置，具体见app文档,描述非常详细

 tree.expandNode(node,false,false,false,true);

官网API

 http://www.treejs.cn/v3/api.php