Jaxcent Sample for YUI (Yahoo User Interface) Trees

   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.

Select tree-node for operations
 
Note: Operations (insert/expand etc) occur on the node you select above, not on the node you clicked last!
 
Type of node to insert
Text or Date (mm/dd/yyyy)
Make Editable