{"id":275,"date":"2023-02-14T11:25:07","date_gmt":"2023-02-14T08:25:07","guid":{"rendered":"https:\/\/kb.astrocroc.com\/?p=275"},"modified":"2023-02-14T11:25:07","modified_gmt":"2023-02-14T08:25:07","slug":"jstree","status":"publish","type":"post","link":"https:\/\/kb.astrocroc.com\/?p=275","title":{"rendered":"JSTree"},"content":{"rendered":"\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-javascript\" data-line=\"\">var treeData = [\n\t{&quot;id&quot;:&quot;c_1&quot;,&quot;parent&quot;:&quot;#&quot;,&quot;text&quot;:&quot;Directory&quot;,&quot;type&quot;:&quot;category&quot;,&quot;data&quot;:{&quot;description&quot;:&quot;&quot;,&quot;tools&quot;:&quot;--&quot;}},\n\t{&quot;id&quot;:&quot;2&quot;,&quot;parent&quot;:&quot;c_1&quot;,&quot;text&quot;:&quot;Node 1&quot;,&quot;a_attr&quot;:{&quot;href&quot;:&quot;http:\/\/example.com?id=2&quot;},&quot;type&quot;:&quot;item&quot;,&quot;data&quot;:{&quot;description&quot;:&quot;&quot;,&quot;tools&quot;:&quot;--&quot;}},\n\t{&quot;id&quot;:&quot;3&quot;,&quot;parent&quot;:&quot;c_1&quot;,&quot;text&quot;:&quot;Node 2&quot;,&quot;a_attr&quot;:{&quot;href&quot;:&quot;http:\/\/example.com?id=3&quot;},&quot;type&quot;:&quot;item&quot;,&quot;data&quot;:{&quot;description&quot;:&quot;&quot;,&quot;tools&quot;:&quot;--&quot;}},\n    {&quot;id&quot;:&quot;4&quot;,&quot;parent&quot;:&quot;c_1&quot;,&quot;text&quot;:&quot;Node 3&quot;,&quot;a_attr&quot;:{&quot;href&quot;:&quot;http:\/\/example.com?id=4&quot;},&quot;type&quot;:&quot;item&quot;,&quot;data&quot;:{&quot;description&quot;:&quot;&quot;,&quot;tools&quot;:&quot;--&quot;}},\n    {&quot;id&quot;:&quot;5&quot;,&quot;parent&quot;:&quot;c_1&quot;,&quot;text&quot;:&quot;Node 4&quot;,&quot;a_attr&quot;:{&quot;href&quot;:&quot;http:\/\/example.com?id=5&quot;},&quot;type&quot;:&quot;item&quot;,&quot;data&quot;:{&quot;description&quot;:&quot;&quot;,&quot;tools&quot;:&quot;--&quot;}},\n    {&quot;id&quot;:&quot;6&quot;,&quot;parent&quot;:&quot;c_1&quot;,&quot;text&quot;:&quot;Node 5&quot;,&quot;a_attr&quot;:{&quot;href&quot;:&quot;http:\/\/example.com?id=6&quot;},&quot;type&quot;:&quot;item&quot;,&quot;data&quot;:{&quot;description&quot;:&quot;&quot;,&quot;tools&quot;:&quot;--&quot;}},\n];\n\nvar treeNodeId = &quot;jstree&quot;;\nvar jsTree = jQuery(&#039;#&#039;+treeNodeId)\n    .on(&#039;select_node.jstree&#039;, function (e, data) {\n        if(data.event) {\n            alert(data.node.a_attr.href);\n        }\n    })    \n.jstree({\n\tplugins : [&quot;grid&quot;,&quot;-state&quot;, &quot;dnd&quot;, &quot;types&quot;, &quot;checkbox&quot;],\n\tcore : {\n\t\tdata: treeData\n\t},\n\tstate: {\n\t\t&quot;key&quot;:treeNodeId\n\t},\n\tcheckbox: {\n\t\t\/\/keep_selected_style:false,\n        tie_selection : false,\n            whole_node : false\n\t},\n\tgrid: {\n\t\tcolumns: [\n\t\t\t{width: 60, header: &#039;Name&#039;},\n\t\t\t{width: 30, header: &#039;Description&#039;, value: &quot;description&quot;},\n\t\t\t{width: 20, header: &#039;Tools&#039;, value: &quot;tools&quot;}\n\t\t],\n\t},\n\ttypes: {\n\t\tcategory: {\n\t\t\ticon: &quot;jstree-folder&quot;,\n\t\t\tvalid_children : [&quot;category&quot;, &quot;item&quot;],\n\t\t},\n\t\titem: {\n\t\t\ticon: &quot;jstree-file&quot;,\n\t\t\tvalid_children: [],\n\t\t}\n\t},\n});<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-275","post","type-post","status-publish","format-standard","hentry","category-javascript"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=\/wp\/v2\/posts\/275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=275"}],"version-history":[{"count":1,"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=\/wp\/v2\/posts\/275\/revisions"}],"predecessor-version":[{"id":277,"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=\/wp\/v2\/posts\/275\/revisions\/277"}],"wp:attachment":[{"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=275"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=275"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kb.astrocroc.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}