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