{"id":5,"date":"2022-11-30T14:12:24","date_gmt":"2022-11-30T06:12:24","guid":{"rendered":"http:\/\/192.168.1.126\/tom_wp\/?p=5"},"modified":"2022-12-05T11:22:19","modified_gmt":"2022-12-05T03:22:19","slug":"bootstrap-treeview","status":"publish","type":"post","link":"https:\/\/tomstudio.my.to\/?p=5","title":{"rendered":"bootstrap-treeview"},"content":{"rendered":"\n<!--more-->\n\n\n\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\" integrity=\"sha256-\/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej\/m4=\" crossorigin=\"anonymous\"><\/script>\n\n<script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.2\/js\/bootstrap.min.js\"><\/script>\n\n<link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.2\/css\/bootstrap.min.css\">\n\n<script type=\"text\/javascript\" src=\".\/wp-content\/treeview\/bootstrap-treeview.min.js\"><\/script>\n\n\n\n\t<div>\n\t\t<div class=\"panel panel-default\">\n\t\t\t<div class=\"panel-heading\">bootstrap-treeview<\/div>\n\t\t\t<div class=\"panel-body\">\n\t\t\t\t<div id=\"myTree\" class=\"treeview\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\n\n<script type=\"text\/javascript\">\n\nvar treedata = [\n\n{text:'test1107',nodes:[{text:'test1107\/321.txt'},{text:'test1107\/test789.txt'},{text:'test1107\/test123',nodes:[{text:'test1107\/test123\/456.txt'},{text:'test1107\/test123\/456789.txt'},]},{text:'test1107\/test',nodes:[{text:'test1107\/test\/test.txt'},{text:'test1107\/test\/951753.txt'}]}]},\n\n{text:'test1107',nodes:[{text:'test1107\/321.txt'},{text:'test1107\/test789.txt'},{text:'test1107\/test123',nodes:[{text:'test1107\/test123\/456.txt'},{text:'test1107\/test123\/456789.txt'},]},{text:'test1107\/test',nodes:[{text:'test1107\/test\/test.txt'},{text:'test1107\/test\/951753.txt'}]}]}\n\n];\n\n\n$('#myTree').treeview({\n\t\/*color: \"#3c763d\",\n\tselectedBackColor:'#5fb5ff',*\/\n\tmultiSelect:true,\n\tshowCheckbox:true,\n\tshowTags:true,\n\tdata: treedata,\n\tonNodeChecked: function (event, node) {  \/\/\u9009\u4e2d\u4e8b\u4ef6\n\t\tcheckAllNodes(\"checkNode\", node);\n\t},\n\tonNodeUnchecked: function (event, node) { \/\/\u53d6\u6d88\u4e8b\u4ef6\n\t\tcheckAllNodes(\"uncheckNode\", node);\n\t}\n});\n$('#myTree').treeview('collapseAll', { silent: true });\n\nfunction checkAllNodes(method, node) {\n    var $tree = $('#myTree');\n    if (node.parentId) {\/\/\u5982\u679c\u7236\u8282\u70b9\u5b58\u5728\uff0c\u9009\u4e2d\/\u53bb\u9664\u7236\u8282\u70b9\n        getParentNode(method, node, $tree);\n    }\n    $(node.nodes).each(function (a, b) {\n        $tree.treeview(method, [b.nodeId, {\n            silent: true\n        }]);\n        if (b.nodes)\n            checkAllNodes(method, b);\n    });\n}\n\nfunction getParentNode(method, node, tree) {\n    if (method == \"uncheckNode\") { \/\/\u5982\u679c\u662f\u53d6\u6d88\u4e8b\u4ef6\uff0c\u5f53\u5224\u65ad\u5144\u5f1f\u8282\u70b9\u662f\u5426\u5b58\u5728\n        var arr = tree.treeview('getSiblings', node);\/\/\u83b7\u53d6\u5144\u5f1f\u8282\u70b9\n        for (var i = 0; i < arr.length; i++) {\n            var brotherNode = arr[i];\n            if (brotherNode.state.checked) { \/\/\u5224\u65ad\u5144\u5f1f\u8282\u70b9\u662f\u5426\u7528\u9009\u4e2d\u72b6\u6001\n                return;\n            }\n        }\n    }\n    tree.treeview(method, [node.parentId, {\n        silent: true\n    }]);\n    var pnode = tree.treeview('getNode', node.parentId);\n    if (pnode.parentId)\n        getParentNode(method, pnode, tree);\n}\n\n\n<\/script>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u53c3\u8003\u8cc7\u6599\uff1a<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/jonmiles.github.io\/bootstrap-treeview\/\">https:\/\/jonmiles.github.io\/bootstrap-treeview\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/github.com\/jonmiles\/bootstrap-treeview\">https:\/\/github.com\/jonmiles\/bootstrap-treeview<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/cloud.tencent.com\/developer\/article\/1099549\">https:\/\/cloud.tencent.com\/developer\/article\/1099549<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[11],"tags":[],"class_list":["post-5","post","type-post","status-publish","format-standard","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/posts\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":19,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/posts\/5\/revisions"}],"predecessor-version":[{"id":470,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=\/wp\/v2\/posts\/5\/revisions\/470"}],"wp:attachment":[{"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tomstudio.my.to\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}