|Classes of Vallo Reima||>||JS Render Tree||>||README.md||>||Download|
Render a tree of objects
Call the script after the page load (see index.html):
>var tree = new Tree([opts]); >tree.Init([opts][,data]);
opts - the options object:
The default tree is created and first node is selected.
Click the node to select it. The selected node has gray background. Click selected node again to deselect. The commands to handle the tree:
The command buttons are available or disabled depending on the node selection.
Add and Edit commands switch you into the Change status. Type in the node name and press Enter to save. Or press Esc to cancel. Delete asks for confirmation if cfm option is true. Save command requires HTML5 localStorage support. The tree state is saved under localStorage.treeState. Restore loads the default tree if nothing is saved.
The index.html demo shell displays default tree with the command set. You can select another tree structure in the test.js. Assign the tree definition array to the treeData variable and include the script tag into index.html head.
The following files are included: