Tree

Table of Contents
Markup Tutorial
Interfacing with Java™
Web Services
Table
Image Background
Tree
A tree is represented by the tree element type.
The following example shows how to embed item data directly inside a tree element. A tree can also get its data from a separate model. See Model-View-Controller Pattern.
<?xml version="1.0"?>
<resource xmlns="http://www.enode.com/xalt">
    <frame title="Tree View">
        <scrollPane preferredSize="250 250" horizontalScrollBar="always" verticalScrollBar="always">
            <tree rootVisible="true" showsRootHandles="true">
                <treeNode title="Documentation">
                    <treeNode title="Overview"/>
                    <treeNode title="Getting Started">
                        <treeNode title="Prerequisites"/>
                        <treeNode title="Tools">
                            <treeNode title="XML Authoring Tool"/>
                            <treeNode title="Java Development Kit"/>
                            <treeNode title="Java IDE"/>
                        </treeNode>
                    </treeNode>
                    <treeNode title="Markup Tutorial">
                        <treeNode title="Welcome"/>
                        <treeNode title="Containers">
                            <treeNode title="Frame"/>
                            <treeNode title="Panel"/>
                            <treeNode title="Scroll Pane"/>
                            <treeNode title="Split Pane"/>
                            <treeNode title="Tabbed Pane"/>
                        </treeNode>
                        <treeNode title="Layout Managers">
                            <treeNode title="Flow Layout"/>
                            <treeNode title="Border Layout"/>
                            <treeNode title="Box Layout"/>
                         </treeNode>
                        <treeNode title="Buttons">
                            <treeNode title="Push Button"/>
                            <treeNode title="Toggle Button"/>
                            <treeNode title="Check Box"/>
                        </treeNode>
                        <treeNode title="Slider"/>
                        <treeNode title="Progress Bar"/>
                        <treeNode title="Text Components">
                            <treeNode title="Text Field"/>
                            <treeNode title="Password Field"/>
                            <treeNode title="Text Area"/>
                        </treeNode>
                        <treeNode title="List"/>
                        <treeNode title="Combo Box"/>
                        <treeNode title="Table"/>
                        <treeNode title="Tree"/>
                        <treeNode title="Common Attributes">
                            <treeNode title="Background, Transparency and Translucency"/>
                            <treeNode title="Cursor"/>
                            <treeNode title="Font"/>
                            <treeNode title="Border"/>
                        </treeNode>
                        <treeNode title="Button Group, Radio Button"/>
                        <treeNode title="Menu, Menu Bar"/>
                        <treeNode title="Tool Bar"/>
                        <treeNode title="Form"/>
                        <treeNode title="Layered Pane"/>
                    </treeNode>
                    <treeNode title="Interfacing with Java">
                        <treeNode title="..."/>
                    </treeNode>
                    <treeNode title="Web Applications"/>
                    <treeNode title="Reference">
                        <treeNode title="..."/>
                    </treeNode>
                    <treeNode title="Troubleshooting">
                        <treeNode title="..."/>
                    </treeNode>
                </treeNode>
            </tree>
        </scrollPane>
    </frame>
</resource>
Make this object in eNode Sandbox. The result should be similar to the following: