Creating Tree Structure using GWT

This example describes the Basics for building the Tree Structure using GWT.

Creating Tree Structure using GWT

Creating Tree Structure using GWT

     

This example describes the Basics for building the Tree Structure using GWT. The steps involved in Building the Tree Structure are described below:-

final Label label = new Label("Click the Node to view Tree structure")
Here we are declaring label. Label is a widget that contains text.

Tree Item root = new TreeItem("Vowels")
Creating tree item i.e. creating root for tree.TreeItem is a class. In this an item can be contained within a tree.

root.addItem("a")
This is the method for adding an item to the root of the tree. Here we are adding a to the tree name "root".

Tree t = new Tree()
Tree is a class and it contains a hierarchy of tree items that user can open and close.

Treeexample.java

package org.yournamehere.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.TreeItem;
import com.google.gwt.user.client.ui.Tree;

public class Treeexample implements EntryPoint {
final Label label = new Label("Click the Node to view Tree structure");
public void onModuleLoad() {
  TreeItem root = new TreeItem("Vowels");
  root.addItem("a");
  root.addItem("e");
  root.addItem("i");
  root.addItem("o");
  root.addItem("u");
 TreeItem root1 = new TreeItem("Digits")
  root1.addItem("1");
  root1.addItem("2");
  root1.addItem("3");
  root1.addItem("4");
  root1.addItem("5");

  TreeItem item = new TreeItem();
  root.addItem(item);
  root1.addItem(item);
  Tree t = new Tree();
  t.addItem(root);
  t.addItem(root1);
  RootPanel.get().add(label);
  RootPanel.get().add(t);
  }
}

Main.gwt.xml

<?xml version="1.0" encoding="UTF-8"?>
<module>
  <inherits name="com.google.gwt.user.User"/>
  <entry-point class="org.yournamehere.client.Treeexample"/>
  
</module>

Output of the program

Download Source code