zTree插件使用案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/zTreeStyle/zTreeStyle.css" type="text/css">
    <script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="../js/jquery.ztree.core.js"></script>
    <SCRIPT LANGUAGE="JavaScript">
        var zTreeObj;
        // zTree 的参数配置,深入使用请参考 API 文档(setting 配置详解)
        var setting = {
            data: {
                key: {
                    name: "category_name"
                }
            },
            //回调函数
            callback: {
                        //点击触发方法
                        beforeClick: function (treeId, treeNode) {
                        var zTree = $.fn.zTree.getZTreeObj("tree");
                        if (treeNode.isParent) {
                            return false;
                        } else {
                            // demoIframe.attr("src", treeNode.file + ".html");
                            var href="http://localhost/test/index.php/home/article/article_list/category_id/" + treeNode.category_id; 
                            // window.location.href = href;
                            $('#testIframe').attr("src", href);
                            return true;
                    }
                }
            }
        };
        // zTree 的数据属性,深入使用请参考 API 文档(zTreeNode 节点数据详解)
        var zNodes = [{"category_id":"1","category_name":"佐证材料","category_parent_id":"0","category_addtime":"1516088106","category_grade":"1","children":[{"category_id":"428","category_name":"P1 基础能力","category_parent_id":"1","category_addtime":"1516088142","category_grade":"2","children":[{"category_id":"433","category_name":"P1-1 办学理念","category_parent_id":"428","category_addtime":"1516088258","category_grade":"3","children":[{"category_id":"446","category_name":"P1-1 自评报告","category_parent_id":"433","category_addtime":"1516088449","category_grade":"4"},{"category_id":"447","category_name":"P1-1-1 办学宗旨","category_parent_id":"433","category_addtime":"1516088459","category_grade":"4"},{"category_id":"448","category_name":"P1-1-2 办学思路","category_parent_id":"433","category_addtime":"1516088466","category_grade":"4"},{"category_id":"449","category_name":"P1-1-3 发展规划","category_parent_id":"433","category_addtime":"1516088473","category_grade":"4"}]},{"category_id":"434","category_name":"P1-2 办学环境","category_parent_id":"428","category_addtime":"1516088270","category_grade":"3","children":[{"category_id":"450","category_name":"P1-2 自评报告","category_parent_id":"434","category_addtime":"1516088502","category_grade":"4"},{"category_id":"451","category_name":"P1-2-1 政策支持","category_parent_id":"434","category_addtime":"1516088509","category_grade":"4"},{"category_id":"469","category_name":"P1-2-2 经费保障","category_parent_id":"434","category_addtime":"1516089059","category_grade":"4"},{"category_id":"470","category_name":"P1-2-3 建设基础","category_parent_id":"434","category_addtime":"1516089067","category_grade":"4"}]},{"category_id":"435","category_name":"P1-3 办学机制","category_parent_id":"428","category_addtime":"1516088278","category_grade":"3","children":[{"category_id":"471","category_name":"P1-3 自评报告","category_parent_id":"435","category_addtime":"1516089078","category_grade":"4"},{"category_id":"472","category_name":"P1-3-1 校企合作","category_parent_id":"435","category_addtime":"1516089089","category_grade":"4"},{"category_id":"473","category_name":"P1-3-2 集团化办学","category_parent_id":"435","category_addtime":"1516089096","category_grade":"4"},{"category_id":"474","category_name":"P1-3-3 国际合作","category_parent_id":"435","category_addtime":"1516089103","category_grade":"4"}]}]},{"category_id":"429","category_name":"P2 人才培养","category_parent_id":"1","category_addtime":"1516088162","category_grade":"2","children":[{"category_id":"436","category_name":"P2-1 德育工作","category_parent_id":"429","category_addtime":"1516088290","category_grade":"3","children":[{"category_id":"475","category_name":"P2-1 自评报告","category_parent_id":"436","category_addtime":"1516089134","category_grade":"4"},{"category_id":"476","category_name":"P2-1-1 德育素质培养","category_parent_id":"436","category_addtime":"1516089145","category_grade":"4"},{"category_id":"477","category_name":"P2-1-2 职业精神培养","category_parent_id":"436","category_addtime":"1516089153","category_grade":"4"},{"category_id":"478","category_name":"P2-1-3 心理健康教育","category_parent_id":"436","category_addtime":"1516089161","category_grade":"4"}]},{"category_id":"437","category_name":"P2-2 专业建设","category_parent_id":"429","category_addtime":"1516088297","category_grade":"3","children":[{"category_id":"479","category_name":"P2-2 自评报告","category_parent_id":"437","category_addtime":"1516089199","category_grade":"4"},{"category_id":"480","category_name":"P2-2-1 建设规划","category_parent_id":"437","category_addtime":"1516089210","category_grade":"4"},{"category_id":"481","category_name":"P2-2-2 专业群建设","category_parent_id":"437","category_addtime":"1516089221","category_grade":"4"},{"category_id":"482","category_name":"P2-2-3 实训基地","category_parent_id":"437","category_addtime":"1516089232","category_grade":"4"}]},{"category_id":"438","category_name":"P2-3 教学改革","category_parent_id":"429","category_addtime":"1516088304","category_grade":"3","children":[{"category_id":"483","category_name":"P2-3 自评报告","category_parent_id":"438","category_addtime":"1516089265","category_grade":"4"},{"category_id":"484","category_name":"P2-3-1 综合培养","category_parent_id":"438","category_addtime":"1516089273","category_grade":"4"},{"category_id":"485","category_name":"P2-3-2 课程开发","category_parent_id":"438","category_addtime":"1516089281","category_grade":"4"},{"category_id":"486","category_name":"P2-3-3 教学模式","category_parent_id":"438","category_addtime":"1516089289","category_grade":"4"}]}]},{"category_id":"430","category_name":"P3 队伍建设","category_parent_id":"1","category_addtime":"1516088178","category_grade":"2","children":[{"category_id":"439","category_name":"P3-1 管理团队","category_parent_id":"430","category_addtime":"1516088312","category_grade":"3","children":[{"category_id":"487","category_name":"P3-1 自评报告","category_parent_id":"439","category_addtime":"1516089358","category_grade":"4"},{"category_id":"488","category_name":"P3-1-1 领导班子","category_parent_id":"439","category_addtime":"1516089382","category_grade":"4"},{"category_id":"489","category_name":"P3-1-2 中层领导团队","category_parent_id":"439","category_addtime":"1516089392","category_grade":"4"}]},{"category_id":"440","category_name":"P3-2 教学团队","category_parent_id":"430","category_addtime":"1516088322","category_grade":"3","children":[{"category_id":"490","category_name":"P3-2 自评报告","category_parent_id":"440","category_addtime":"1516089434","category_grade":"4"},{"category_id":"491","category_name":"P3-2-1 教师素质","category_parent_id":"440","category_addtime":"1516089443","category_grade":"4"},{"category_id":"492","category_name":"P3-2-2 名师骨干","category_parent_id":"440","category_addtime":"1516089533","category_grade":"4"}]}]},{"category_id":"431","category_name":"P4 管理成效","category_parent_id":"1","category_addtime":"1516088198","category_grade":"2","children":[{"category_id":"441","category_name":"p4-1 建设制度","category_parent_id":"431","category_addtime":"1516088336","category_grade":"3","children":[{"category_id":"493","category_name":"P4-1 自评报告","category_parent_id":"441","category_addtime":"1516089566","category_grade":"4"},{"category_id":"494","category_name":"P4-1-1 学校章程","category_parent_id":"441","category_addtime":"1516089579","category_grade":"4"},{"category_id":"495","category_name":"P4-1-2 制度体系","category_parent_id":"441","category_addtime":"1516089589","category_grade":"4"},{"category_id":"496","category_name":"P4-1-3 制度实施","category_parent_id":"441","category_addtime":"1516089598","category_grade":"4"}]},{"category_id":"442","category_name":"P4-2 质量监控","category_parent_id":"431","category_addtime":"1516088345","category_grade":"3","children":[{"category_id":"497","category_name":"P4-2 自评报告","category_parent_id":"442","category_addtime":"1516089612","category_grade":"4"},{"category_id":"498","category_name":"P4-2-1 监控体系","category_parent_id":"442","category_addtime":"1516089660","category_grade":"4"},{"category_id":"499","category_name":"P4-2-2 监控措施","category_parent_id":"442","category_addtime":"1516089668","category_grade":"4"}]},{"category_id":"443","category_name":"P4-3 文化建设","category_parent_id":"431","category_addtime":"1516088353","category_grade":"3","children":[{"category_id":"500","category_name":"P4-3 自评报告","category_parent_id":"443","category_addtime":"1516089691","category_grade":"4"},{"category_id":"501","category_name":"P4-3-1 核心文化","category_parent_id":"443","category_addtime":"1516089700","category_grade":"4"},{"category_id":"502","category_name":"P4-3-2 校园环境","category_parent_id":"443","category_addtime":"1516089708","category_grade":"4"}]}]},{"category_id":"432","category_name":"P5 办学效益","category_parent_id":"1","category_addtime":"1516088211","category_grade":"2","children":[{"category_id":"444","category_name":"P5-1 学生发展","category_parent_id":"432","category_addtime":"1516088361","category_grade":"3","children":[{"category_id":"503","category_name":"P5-1 自评报告","category_parent_id":"444","category_addtime":"1516089814","category_grade":"4"},{"category_id":"504","category_name":"P5-1-1 综合素质","category_parent_id":"444","category_addtime":"1516089821","category_grade":"4"},{"category_id":"505","category_name":"P5-1-2 技能水平","category_parent_id":"444","category_addtime":"1516089828","category_grade":"4"},{"category_id":"506","category_name":"P5-1-3 竞争能力","category_parent_id":"444","category_addtime":"1516089836","category_grade":"4"}]},{"category_id":"445","category_name":"P5-2 社会贡献","category_parent_id":"432","category_addtime":"1516088369","category_grade":"3","children":[{"category_id":"507","category_name":"P5-2 自评报告","category_parent_id":"445","category_addtime":"1516089844","category_grade":"4"},{"category_id":"508","category_name":"P5-2-1 社会服务","category_parent_id":"445","category_addtime":"1516089851","category_grade":"4"},{"category_id":"509","category_name":"P5-2-2 社会评价","category_parent_id":"445","category_addtime":"1516089864","category_grade":"4"},{"category_id":"510","category_name":"P5-2-3 示范引领","category_parent_id":"445","category_addtime":"1516089871","category_grade":"4"}]}]}]},{"category_id":"218","category_name":"验收申请表","category_parent_id":"0","category_addtime":"1511608808","category_grade":"1"},{"category_id":"219","category_name":"创建动态","category_parent_id":"0","category_addtime":"1511608822","category_grade":"1"},{"category_id":"220","category_name":"创新案例","category_parent_id":"0","category_addtime":"1511608831","category_grade":"1"},{"category_id":"221","category_name":"资金使用","category_parent_id":"0","category_addtime":"1511608840","category_grade":"1"}];
        $(document).ready(function(){
           zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);
        });
        
       </SCRIPT>
</head>
<body>
    <div>
        <ul id="treeDemo" class="ztree"></ul>
     </div>
     <IFRAME ID="testIframe" Name="testIframe" FRAMEBORDER=0 SCROLLING=AUTO width=100% height=600px
     ></IFRAME>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_32674347/article/details/81153911