The tree on the left has been created in Java,
using Yahoo User Interface via Jaxcent. A Jaxcent
Java wrapper has been created for the JavaScript
interface to this tree, and the Jaxcent page that
handles the HTML, derives from this Java wrapper.
The JavaScript interface is encapsulated in
the wrapper, the user of the wrapper need not
be JavaScript-aware.
There are two types of nodes made available, Text and Date. Either of these types of node can be made editable or non-editable. The Java code starts off the tree with a node containing some editable nodes, and another node containing some non-editable nodes. The Java code also handles the messages from the FORM below. The FORM below can be used to insert new nodes, and expand/collapse existing nodes. Nodes can also be collapsed/expanded by clicking on them directly. Editable nodes can be edited by clicking on them. |
To add new nodes, choose a node underneath which you would like to add a new node, select the type of the node (text-node or date-node), then click the Insert New Node button. Text-nodes also require some text to be entered for the new node (text can contain valid HTML markup.) You can also expand/collapse the node programmatically via Java by clicking the Expand/Collabse buttons below.