Ext and Trees

Layerswitcher for example is example of such TreePanel.

Lets define the TreePanel and root TreeNode, see 08_trees.html example:

            var rootNode = new Ext.tree.TreeNode({
                    text: "Root node"
                    });

            var treePanel = new Ext.tree.TreePanel({
                    title: "Tree Panel",
                    root: rootNode,
                    width: 250,
                    height: 250,
                    renderTo: Ext.getBody()
            });

Now, append child node to root node:

            rootNode.appendChild(new Ext.tree.TreeNode({
                        text:"first"
                        }));