style body min height 400px style script src https cdnjs cloudflare com ajax libs jquery 1 12 1 jquery min js script link rel stylesheet href static jstree com 3 3 16 assets bootstrap css bootstrap min css link rel stylesheet href static jstree com 3 3 16 assets dist themes default style min css button type button class btn btn success btn sm onclick demo_create i class glyphicon glyphicon asterisk i Create button button type button class btn btn warning btn sm onclick demo_rename i class glyphicon glyphicon pencil i Rename button button type button class btn btn danger btn sm onclick demo_delete i class glyphicon glyphicon remove i Delete button input type text value style box shadow inset 0 0 4px eee width 120px margin 0 padding 6px 12px border radius 4px border 1px solid silver font size 1 1em id demo_q placeholder Search div id jstree_demo class demo style margin top 1em min height 200px ul id demo_root_1 class jstree node jstree open li data jstree type folder My folder li li data jstree type file My file li li data jstree disabled true Disabled Node li li data jstree type signal OO My file li li data jstree type hdd Alt List li ul ul li data jstree type folder Root node 1 ul li data jstree type file Child node 1 li li data jstree type misc Child node 2 li ul li li data jstree type folder Root node 2 li ul div script function demo_create var ref jstree_demo jstree true sel ref get_selected if sel length return false sel sel 0 sel ref create_node sel type file if sel ref edit sel function demo_rename var ref jstree_demo jstree true sel ref get_selected if sel length return false sel sel 0 ref edit sel function demo_delete var ref jstree_demo jstree true sel ref get_selected if sel length return false ref delete_node sel function var to false demo_q keyup function if to clearTimeout to to setTimeout function var v demo_q val jstree_demo jstree true search v 250 jstree_demo jstree core animation 0 check_callback true force_text true themes stripes true types max_children 1 max_depth 4 valid_children root root icon https www jstree com static 3 3 16 assets images tree_icon png valid_children default default valid_children default file file icon glyphicon glyphicon file valid_children signal icon glyphicon glyphicon signal valid_children hdd icon glyphicon glyphicon hdd valid_children plugins contextmenu dnd search state types wholerow script script src static jstree com 3 3 16 assets jquery 1 10 2 min js script script src static jstree com 3 3 16 assets jquery address 1 6 js script script src static jstree com 3 3 16 assets vakata js script script src static jstree com 3 3 16 assets dist jstree min js script
sel length return false sel sel 0 sel ref create_node sel type file if sel ref edit sel function demo_rename var ref jstree_demo jstree true sel ref get_selected if sel length return false sel sel 0 ref edit sel function demo_delete var ref jstree_demo jstree true sel ref get_selected if sel length return false ref delete_node sel function var to false demo_q keyup function if to clearTimeout to to setTimeout function var v demo_q val jstree_demo jstree true search v 250 jstree_demo jstree core animation 0 check_callback true force_text true themes stripes true types max_children 1 max_depth 4 valid_children root root icon https www jstree com static 3 3 16 assets images tree_icon png valid_children default default valid_children default file file icon glyphicon glyphicon file valid_children signal icon glyphicon glyphicon signal valid_children hdd icon glyphicon glyphicon hdd valid_children plugins contextmenu dnd search state types wholerow script script src static jstree com 3 3 16 assets jquery 1 10 2 min js script script src static jstree com 3 3 16 assets jquery address 1 6 js script script src static jstree com 3 3 16 assets vakata js script script src static jstree com 3 3 16 assets dist jstree min js script