• Ztree-Demo


    工作用到得记录方便以后使用,选择它的原因是节点可以任意形式打开或者关闭,如点击父节点,子孙节点可以跟着选择或者可以不选择,通过chkboxType来控制。

    <!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">
            <!-- <link rel="stylesheet" href="../../../../src/utils/ztree/css/demo.css" type="text/css"> -->
            <link rel="stylesheet" href="../../../../src/utils/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">
            <link href="../../../../src/style/bootstrap.min.css" rel="stylesheet">
            <link href="../../../../src/style/bootstrap-theme.min.css" rel="stylesheet">
            <link href="../../../../src/style/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
            <link href="../../../../src/style/index.css" rel="stylesheet">
            <link href="../../../../src/style/reset.css" rel="stylesheet">
           
            <style>
    ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;250px;height:460px;overflow-y:scroll;overflow-x:auto;}
    div.zTreeDemoBackground {280px;height:462px;text-align:left;}
                </style>
        <script>
            
        </script>
    </head>
    
    <body>
        <div class="main">
            <div class="public-container">
                <form class="form-inline">
                    <div class="alert alert-info" style="height: 30px;line-height: 10px;" role="alert">Edit Page</div>
                    <div class="office-row clearfix">
                        <div class="office-col">
                                <div class="form-group">
                                        <!-- <label for="Role" class="label_width_100">Role</label> -->
                                        <label for="Role" class="label_width_100">Role</label>
                                        <select class="form-control input_width_196" id="Role">
                                                <option>Insurance Regulatory Commission</option>
                                                <option>Insurance Regulatory Bureau</option>
                                                <option>Insurance Industry Association</option>
                                                <option>Insurance Company</option>
                                                <option>Insurance Intermediary Company</option>
                                                <option>Practitioner</option>
                                        </select>
                                    </div>
                        </div>
                        <div class="office-col">
                                <!-- <label for="Remark" class="label_width_100">Remark</label> -->
                                <label for="Remark" class="label_width_100">Remarks</label>
                                <input type="text" class="form-control" id="Remark" placeholder="Remark">
                        </div>
                    </div>
                    <div class="test">
                            <div class="office-row">
                                <div class="form-group">
                                        <!-- <label for="idNo" class="office-col-4">Menu</label> -->
                                        <label for="idNo" class="office-col-4">Menu</label>
                                        <div class="office-col-4">
                                            <ul id="treeDemo" class="ztree"></ul>
                                        </div>
                                </div>
                            </div>
                        </div>
                    
                </form>
                <!-- <button id="Cancel" type="button" class="btn btn-primary ">Cancel</button>
                <button id="Submit" type="submit" class="btn btn-default ">Submit</button> -->
                <button id="Cancel" type="button" class="btn btn-primary ">Cancel</button>
                <button id="Submit" type="submit" class="btn btn-default ">Submit</button>
            </div>
        </div>
        <script src="../../../../src/utils/jquery.js"></script>
        <script src="../../../../src/utils/bootstrap.min.js"></script>
        <script src="../../../../src/utils/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
        <script type="text/javascript" src="../../../../src/utils/ztree/js/jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="../../../../src/utils/ztree/js/jquery.ztree.core.js"></script>
        <script type="text/javascript" src="../../../../src/utils/ztree/js/jquery.ztree.excheck.js"></script>
    <!--<script type="text/javascript" src="./ztree/js/jquery.ztree.exedit.js"></script>-->
        <script type="text/javascript" src="../../../../src/utils/ztree/js/jquery.ztree.exhide.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                // $(document).ready(function () {
            //     $('.form_date').datetimepicker({
            //         // language: 'fr',
            //         format:'dd/mm/yyyy', // 格式 
            //         weekStart: 1, // 一周从那天开始(0(星期日)-6)
            //         autoclose: 1,
            //         todayHighlight: 1, // 高亮当前日期
            //         minView: 2,
            //         forceParse: 0
            //     });
            // });
            var setting = {
                check: {
                    enable: true
                },
                data: {
                    key: {
                        title: "title"
                    },
                    simpleData: {
                        enable: true
                    }
                },
                callback: {
                    onCheck: onCheck
                },
                check: {
                enable: true,
                chkboxType:{
                    "Y" : "ps",
                    "N" : "ps"
                }
            },
            };
    
            var zNodes =[
                // { id:1, pId:0, name:"父节点1", title:"", checked:true, open:true},
                // { id:11, pId:1, name:"父节点11", title:"", checked:true, open:true},
                // { id:111, pId:11, name:"叶子节点111", title:"", checked:true, isHidden:true},
                // { id:112, pId:11, name:"叶子节点112", title:""},
                // { id:113, pId:11, name:"叶子节点113", title:""},
                // { id:12, pId:1, name:"父节点12", title:"", isHidden:true, open:true},
                // { id:121, pId:12, name:"叶子节点121", title:""},
                // { id:122, pId:12, name:"叶子节点122", title:"", isHidden:true},
                // { id:123, pId:12, name:"叶子节点123", title:""},
                /*            查询平台         */
                { id:1, pId:0, name:"Query Platform", title:"", open:false},
                { id:11, pId:1, name:"Insurance Intermediary Employees Query", title:"", open:true},
                { id:111, pId:11, name:"Query", title:""},
                { id:12, pId:1, name:"Insurance Assessment Qualification Certificate Query", title:"", open:true},
                { id:121, pId:12, name:"Query", title:""},
                { id:122, pId:12, name:"Certificate Coding Rules", title:""},
                { id:13, pId:1, name:"Insurance Professional Intermediary Query", title:"", open:true},
                { id:131, pId:13, name:"Query", title:""},
                { id:14, pId:1, name:"Insurance Concurrent Agency Query", title:"", open:true},
                { id:141, pId:14, name:"Query", title:""},
                { id:15, pId:1, name:"Contact Information Query Of Insurance Industry Association", title:"", open:true},
                { id:151, pId:15, name:"Query", title:""},
                { id:16, pId:1, name:"Life Insurance Recorded Product Catalog Query", title:"", open:true},
                { id:161, pId:16, name:"Query", title:""},
                { id:17, pId:1, name:"Property Insurance Recorded Product Catalog Query", title:"", open:true},
                { id:171, pId:17, name:"Query", title:""},
                { id:18, pId:1, name:"Commercial Vehicle Insurance Model Clause And Rate Benchmark Query", title:"", open:true},
                { id:181, pId:18, name:"Motor Vehicle And Special Vehicle Damage Insurance", title:"", open:true},
                { id:1811, pId:181, name:"Query", title:""},
                { id:182, pId:18, name:"Damage Insurance For Motorcycle, Tractor And Single Lift Vehicle", title:"", open:true},
                { id:1821, pId:182, name:"Query", title:""},
                { id:183, pId:18, name:"Third Party Liability Insurance, Vehicle Personnel Liability Insurance, Whole Vehicle Theft Rescue", title:"", open:true},
                { id:1831, pId:183, name:"Query", title:""},
                { id:184, pId:18, name:"No Compensation Preferential Treatment For Motor Vehicles And Special Vehicles And Adjustment Coefficient Of Last Year'S Compensation Record Rate", title:""},
                { id:185, pId:18, name:"Query On The Floating Scheme Of Traffic Illegal Coefficient Of Commercial Vehicle Insurance", title:""},
                { id:186, pId:18, name:"Absolute Deductible Coefficient Of Commercial Insurance Demonstration Products For Motor Vehicles And Special Vehicles", title:""},
    
                /*系统管理*/
                { id:2, pId:0, name:"System Management", title:"", open:false},
                { id:21, pId:2, name:"User Management", title:"",  open:true},
                { id:210, pId:21, name:"Query", title:""},
                { id:211, pId:21, name:"Add", title:""},
                { id:212, pId:21, name:"Delete", title:""},
                { id:213, pId:21, name:"Edit", title:""},
                { id:22, pId:2, name:"Role Management", title:"", open:true},
                { id:220, pId:22, name:"Query", title:""},
                { id:221, pId:22, name:"Add", title:""},
                { id:222, pId:22, name:"Delete", title:""},
                { id:223, pId:22, name:"Edit", title:""},
                { id:23, pId:2, name:"Menu Management", title:"", open:true},
                { id:230, pId:23, name:"Query", title:""},
                { id:231, pId:23, name:"Add", title:""},
                { id:232, pId:23, name:"Delete", title:""},
                { id:233, pId:23, name:"Edit", title:""},
                { id:24, pId:2, name:"Access Management", title:"", open:true},
    
                /*人员监管*/
                { id:3, pId:0, name:"Personnel Supervision", title:"", open:false},
                { id:31, pId:3, name:"Examination Management", title:"",  open:true},
                { id:310, pId:31, name:"Examination Result Entry", title:"", open:true},
                { id:3101, pId:310, name:"Query", title:""},
                { id:3102, pId:310, name:"Add", title:""},
                { id:3103, pId:310, name:"Edit", title:""},
                { id:3104, pId:310, name:"Import", title:""},
                { id:3105, pId:310, name:"Delete", title:""},
                { id:311, pId:31, name:"Examination Result Review", title:"", open:true},
                { id:3111, pId:311, name:"Query", title:""},
                { id:3112, pId:311, name:"Verify", title:""},
                { id:32, pId:3, name:"Certificate Management", title:"",  open:true},
                { id:320, pId:32, name:"Generate Certificate", title:"", open:true},
                { id:3201, pId:320, name:"Query", title:""},
                { id:3202, pId:320, name:"Generate Certificate No.", title:""},
                { id:321, pId:32, name:"Certificate Change Application", title:"", open:true},
                { id:3211, pId:321, name:"Query", title:""},
                { id:3212, pId:321, name:"Change Application", title:""},
                { id:322, pId:32, name:"Certificate Change Review", title:"", open:true},
                { id:3221, pId:322, name:"Query", title:""},
                { id:3222, pId:322, name:"Verify", title:""},
                { id:323, pId:32, name:"Print Certificate", title:"", open:true},
                { id:3231, pId:323, name:"Query", title:""},
                { id:3232, pId:323, name:"Printing", title:""},
                { id:33, pId:3, name:"Business License Management", title:"",  open:true},
                { id:330, pId:33, name:"Sales Registration", title:"", open:true},
                { id:3301, pId:330, name:"Query", title:""},
                { id:3302, pId:330, name:"Add", title:""},
                { id:3303, pId:330, name:"Edit", title:""},
                { id:3304, pId:330, name:"Verify", title:""},
                { id:331, pId:33, name:"Business License Generation", title:"", open:true},
                { id:3311, pId:331, name:"Query", title:""},
                { id:3312, pId:331, name:"Generate Business License", title:""},
                { id:3313, pId:331, name:"Print Business License", title:""},
                { id:332, pId:33, name:"Business License Change", title:"", open:true},
                { id:3321, pId:332, name:"Query", title:""},
                { id:3322, pId:332, name:"Change Application", title:""},
                { id:333, pId:33, name:"Business License Change Verification", title:"", open:true},
                { id:3331, pId:333, name:"Query", title:""},
                { id:3332, pId:333, name:"Verify", title:""},
                { id:334, pId:33, name:"Exhibition License Annual Examination ", title:"", open:true},
                { id:3341, pId:334, name:"Query", title:""},
                { id:3342, pId:334, name:"Verify", title:""},
                { id:34, pId:3, name:"Training Management", title:"",  open:true},
                { id:340, pId:34, name:"Training Organization Management", title:"", open:true},
                { id:3401, pId:340, name:"Query", title:""},
                { id:3402, pId:340, name:"Add", title:""},
                { id:3403, pId:340, name:"Edit", title:""},
                { id:3404, pId:340, name:"Verify", title:""},
                { id:341, pId:34, name:"Marketing Training Management", title:"", open:true},
                { id:3411, pId:341, name:"Query", title:""},
                { id:3412, pId:341, name:"Add", title:""},
                { id:3413, pId:341, name:"Edit", title:""},
                { id:3414, pId:341, name:"Verify", title:""},
                { id:342, pId:34, name:"Comprehensive Query", title:"", open:true},
                { id:3421, pId:342, name:"Query", title:""},
                { id:35, pId:3, name:"Integrity Management", title:"",  open:true},
                { id:350, pId:35, name:"Compliment Management", title:"", open:true},
                { id:3501, pId:350, name:"Query", title:""},
                { id:3502, pId:350, name:"Add", title:""},
                { id:3503, pId:350, name:"Edit", title:""},
                { id:3504, pId:350, name:"Delete", title:""},
                { id:351, pId:35, name:"Complaint Management", title:"", open:true},
                { id:3511, pId:351, name:"Query", title:""},
                { id:3512, pId:351, name:"Add", title:""},
                { id:3513, pId:351, name:"Edit", title:""},
                { id:3514, pId:351, name:"Delete", title:""},
                { id:352, pId:35, name:"Violation Management", title:"", open:true},
                { id:3521, pId:352, name:"Query", title:""},
                { id:3522, pId:352, name:"Add", title:""},
                { id:3523, pId:352, name:"Edit", title:""},
                { id:3524, pId:352, name:"Delete", title:""},
                { id:353, pId:35, name:"Scoring Management", title:"", open:true},
                { id:3531, pId:353, name:"Query", title:""},
                { id:3532, pId:353, name:"Add", title:""},
                { id:354, pId:35, name:"Comprehensive Query", title:"", open:true},
                { id:3541, pId:354, name:"Query", title:""},
                
                /*机构监管*/
                { id:4, pId:0, name:"Institutional Supervision", title:"", open:false},
                { id:41, pId:4, name:"Organizational Management", title:"",  open:true},
                { id:410, pId:41, name:"Qualification Management", title:"", open:true},
                { id:4101, pId:410, name:"Institutional Admittance", title:"", open:true},
                { id:41011, pId:4101, name:"Query", title:""},
                { id:41012, pId:4101, name:"Legal Entity Application", title:""},
                { id:41013, pId:4101, name:"Branch Application", title:""},
                { id:41014, pId:4101, name:"Verify", title:""},
                { id:4102, pId:410, name:"Item Change", title:"", open:true},
                { id:41021, pId:4102, name:"Query", title:""},
                { id:41022, pId:4102, name:"Registered Capital Change", title:""},
                { id:41023, pId:4102, name:"Organization Change", title:""},
                { id:41024, pId:4102, name:"Use Security Deposit", title:""},
                { id:41025, pId:4102, name:"Company Name Change", title:""},
                { id:41026, pId:4102, name:"Address Change", title:""},
                { id:41027, pId:4102, name:"Association Regulation Change", title:""},
                { id:41028, pId:4102, name:"Investor Name Change", title:""},
                { id:41029, pId:4102, name:"Verify", title:""},
                { id:4103, pId:410, name:"Qualification Extension", title:"", open:true},
                { id:41031, pId:4103, name:"Query", title:""},
                { id:41032, pId:4103, name:"Certificate Renewal Application", title:""},
                { id:41033, pId:4103, name:"Verify", title:""},
                { id:4104, pId:410, name:"Institutional Exit", title:"", open:true},
                { id:41041, pId:4104, name:"Query", title:""},
                { id:41042, pId:4104, name:"Legal Entity Exit", title:""},
                { id:41023, pId:4104, name:"Branch Exit", title:""},
                { id:41024, pId:4104, name:"Verify", title:""},
                { id:411, pId:41, name:"Practice Behavior Management ", title:"", open:true},
                { id:4111, pId:411, name:"Supervision Fee", title:"", open:true},
                { id:41112, pId:4111, name:"Query", title:""},
                { id:41113, pId:4111, name:"Invoice Registration Information", title:""},
                { id:41114, pId:4111, name:"Payment Registration Information", title:""},
                { id:41115, pId:4111, name:"Clearing Registration Information", title:""},
                { id:41116, pId:4111, name:"Verify", title:""},
                { id:4112, pId:411, name:"Deposite", title:"", open:true},
                { id:41122, pId:4112, name:"Query", title:""},
                { id:41123, pId:4112, name:"Add", title:""},
                { id:41124, pId:4112, name:"Edit", title:""},
                { id:41125, pId:4112, name:"Delete", title:""},
                { id:41126, pId:4112, name:"Verify", title:""},
                { id:4113, pId:411, name:"Liability Insurance", title:"", open:true},
                { id:41132, pId:4113, name:"Query", title:""},
                { id:41133, pId:4113, name:"Add", title:""},
                { id:41134, pId:4113, name:"Edit", title:""},
                { id:41135, pId:4113, name:"Delete", title:""},
                { id:41136, pId:4113, name:"Verify", title:""},
                { id:4114, pId:411, name:"External Audit", title:"", open:true},
                { id:41141, pId:4114, name:"Query", title:""},
                { id:41142, pId:4114, name:"Add", title:""},
                { id:41143, pId:4114, name:"Edit", title:""},
                { id:41144, pId:4114, name:"Delete", title:""},
                { id:41145, pId:4114, name:"Verify", title:""},
                { id:41156, pId:411, name:"Agency Relationship", title:"", open:true},
                { id:41151, pId:41156, name:"Query", title:""},
                { id:41152, pId:41156, name:"Add", title:""},
                { id:41153, pId:41156, name:"Edit", title:""},
                { id:41154, pId:41156, name:"Delete", title:""},
                { id:41155, pId:41156, name:"Verify", title:""},
                { id:412, pId:41, name:"Operation Staff Management", title:"", open:true},
                { id:4121, pId:412, name:"Operation Staff ", title:"", open:true},
                { id:41211, pId:4121, name:"Query", title:""},
                { id:41212, pId:4121, name:"Add", title:""},
                { id:41213, pId:4121, name:"Edit", title:""},
                { id:41214, pId:4121, name:"Delete", title:""},
                { id:41215, pId:4121, name:"Verify", title:""},
                { id:413, pId:41, name:"Product Management", title:"", open:true},
                { id:4131, pId:413, name:"Product Registration", title:"", open:true},
                { id:41311, pId:4131, name:"Query", title:""},
                { id:41312, pId:4131, name:"Add", title:""},
                { id:41313, pId:4131, name:"Edit", title:""},
                { id:41314, pId:4131, name:"Delete", title:""},
                { id:41315, pId:4131, name:"Verify", title:""},
                { id:42, pId:4, name:"Executive Management", title:"", open:true},
                { id:421, pId:42, name:"Qualification Approval Management", title:"", open:true},
                { id:4211, pId:421, name:"Query", title:""},
                { id:4212, pId:421, name:"Add", title:""},
                { id:4213, pId:421, name:"Edit", title:""},
                { id:4215, pId:421, name:"Verify", title:""},
                { id:422, pId:42, name:"Qualification Report Management", title:"", open:true},
                { id:4221, pId:422, name:"Query", title:""},
                { id:4222, pId:422, name:"New Appointment", title:""},
                { id:4223, pId:422, name:"Job Mobility", title:""},
                { id:4224, pId:422, name:"Offboard", title:""},
                { id:4225, pId:422, name:"Verify", title:""},
    
                /*非现场监管*/
                { id:5, pId:0, name:"Off Site Supervision", title:"", open:false},
                { id:51, pId:5, name:"Reporting Management", title:"",  open:true},
                { id:510, pId:51, name:"Report Entry", title:"", open:true},
                { id:511, pId:51, name:"Reporting Management", title:"", open:true},
                { id:5111, pId:511, name:"Query", title:""},
                { id:5112, pId:511, name:"Check", title:""},
                { id:5113, pId:511, name:"Report", title:""},
                { id:512, pId:51, name:"Report Query", title:"", open:true},
                { id:5121, pId:512, name:"Query", title:""},
                { id:513, pId:51, name:"Organization Summary Query", title:"", open:true},
                { id:5131, pId:513, name:"Query", title:""},
                { id:52, pId:5, name:"Market Analysis", title:"",  open:true},
                { id:521, pId:52, name:"Query", title:""},
                { id:522, pId:52, name:"Report Analysis", title:""},
                { id:53, pId:5, name:"Risk Analysis", title:"",  open:true},
                { id:530, pId:53, name:"Risk Indicator Setting", title:"", open:true},
                { id:5301, pId:530, name:"Query", title:""},
                { id:5302, pId:530, name:"Risk Indicators", title:""},
                { id:531, pId:53, name:"Risk Analysis", title:"", open:true},
                { id:5311, pId:531, name:"Query", title:""},
                { id:5312, pId:531, name:"Report Analysis", title:""},
                { id:54, pId:5, name:"Subject and Report Design", title:"",  open:true},
                { id:541, pId:54, name:"Query", title:""},
                { id:542, pId:54, name:"Add", title:""},
                { id:543, pId:54, name:"Edit Report", title:""},
                { id:544, pId:54, name:"Editl Subject", title:""},
                { id:545, pId:54, name:"Delete", title:""},
    
                /*行政许可*/
                { id:6, pId:0, name:"Administrative Licensing", title:"", open:false},
                { id:60, pId:6, name:"Administrative Licensing Guidelines", title:"",  open:true},
                { id:601, pId:60, name:"Business Guide", title:""},
                { id:601, pId:60, name:"Online Application", title:""},
                { id:601, pId:60, name:"Work Flow", title:""},
                { id:61, pId:6, name:"Online Application", title:"",  open:true},
                { id:611, pId:61, name:"Application", title:"",  open:true},
                { id:6111, pId:611, name:"Online Application", title:"",  open:true},
                { id:612, pId:61, name:"User Initialization", title:"",  open:true},
                { id:6121, pId:612, name:"Submit", title:""},
                { id:613, pId:61, name:"Insurance Organization", title:"",  open:true},
                { id:6131, pId:613, name:"Application For Establishment Of Legal Entity", title:"",  open:true},
                { id:61311, pId:6131, name:"Submit", title:""},
                { id:6132, pId:613, name:"Application For Opening Of Legal Entity", title:"",  open:true},
                { id:61321, pId:6132, name:"Submit", title:""},
                { id:6133, pId:613, name:"Material Correction", title:"",  open:true},
                { id:61331, pId:6133, name:"Submit", title:""},
                { id:614, pId:61, name:"Insurance Intermediary", title:"",  open:true},
                { id:6141, pId:614, name:"Application For Establishment Of Intermediary", title:"",  open:true},
                { id:61411, pId:6141, name:"Submit", title:""},
                { id:6142, pId:614, name:"Qualification Approval Of Management Personnel", title:"",  open:true},
                { id:61421, pId:6142, name:"Submit", title:""},
                { id:6143, pId:614, name:"Material Correction", title:"",  open:true},
                { id:61431, pId:6143, name:"Submit", title:""},
                { id:615, pId:61, name:"Foreign Insurance Organization Representative Office", title:"",  open:true},
                { id:6151, pId:615, name:"Application For Establishment Of Representative Office", title:"",  open:true},
                { id:61511, pId:6151, name:"Submit", title:""},
                { id:6152, pId:615, name:"Name Change Application", title:"",  open:true},
                { id:61521, pId:6152, name:"Submit", title:""},
                { id:6153, pId:615, name:"Application For Change Of Chief Representative", title:"",  open:true},
                { id:61531, pId:6153, name:"Submit", title:""},
                { id:6154, pId:615, name:"Material Correction", title:"",  open:true},
                { id:61541, pId:6154, name:"Submit", title:""},
                { id:62, pId:6, name:"Query Results", title:"",  open:true},
                { id:63, pId:6, name:"Results Release", title:"",  open:true},
    
    
    
    
            ];
    
            function onCheck(e, treeId, treeNode) {
                count();
            }
    
            function setTitle(node) {
                var zTree = $.fn.zTree.getZTreeObj("treeDemo");
                var nodes = node ? [node]:zTree.transformToArray(zTree.getNodes());
                for (var i=0, l=nodes.length; i<l; i++) {
                    var n = nodes[i];
                    n.title = "[" + n.id + "] isFirstNode = " + n.isFirstNode + ", isLastNode = " + n.isLastNode;
                    zTree.updateNode(n);
                }
            }
            function count() {
                function isForceHidden(node) {
                    if (!node.parentTId) return false;
                    var p = node.getParentNode();
                    return !!p.isHidden ? true : isForceHidden(p);
                }
                var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
                checkCount = zTree.getCheckedNodes(true).length,
                nocheckCount = zTree.getCheckedNodes(false).length,
                hiddenNodes = zTree.getNodesByParam("isHidden", true),
                hiddenCount = hiddenNodes.length;
    
                for (var i=0, j=hiddenNodes.length; i<j; i++) {
                    var n = hiddenNodes[i];
                    if (isForceHidden(n)) {
                        hiddenCount -= 1;
                    } else if (n.isParent) {
                        hiddenCount += zTree.transformToArray(n.children).length;
                    }
                }
    
                $("#isHiddenCount").text(hiddenNodes.length);
                $("#hiddenCount").text(hiddenCount);
                $("#checkCount").text(checkCount);
                $("#nocheckCount").text(nocheckCount);
            }
            function showNodes() {
                var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
                nodes = zTree.getNodesByParam("isHidden", true);
                zTree.showNodes(nodes);
                setTitle();
                count();
            }
            function hideNodes() {
                var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
                nodes = zTree.getSelectedNodes();
                if (nodes.length == 0) {
                    alert("请至少选择一个节点");
                    return;
                }
                zTree.hideNodes(nodes);
                setTitle();
                count();
            }
    
            $(document).ready(function(){
                $.fn.zTree.init($("#treeDemo"), setting, zNodes);
                $("#hideNodesBtn").bind("click", {type:"rename"}, hideNodes);
                $("#showNodesBtn").bind("click", {type:"icon"}, showNodes);
                setTitle();
                count();
            });
            });
        </script>
    </body>
    </html>
  • 相关阅读:
    MySQL 参数- Innodb_File_Per_Table(独立表空间)
    PHP Html 弹窗,本页面弹窗子页面
    ecshop 后台添加 成本价 利润
    MYSQL中的字符串连接符
    dede织梦后台页面及功能修改及精简操作方法
    ecshop 调用其他数据库中的商品
    wamp mysql 创建主从数据库
    mysql 主从同步原理
    mysql 利用触发器(Trigger)让代码更简单
    iOS开发工具——网络封包分析工具Charles
  • 原文地址:https://www.cnblogs.com/TimeSay/p/12394251.html
Copyright © 2020-2023  润新知