Home Tutorials Gwt Creating Tree Structure using GWT



Creating Tree Structure using GWT
Posted on: October 6, 2008 at 12:00 AM
This example describes the Basics for building the 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

     

Related Tags for Creating Tree Structure using GWT:
cuigwtbuildtreestructstructureusingthisbasicforexampleexambasicsldeildesicsincsasmtrbuildingesdescribexaxampseeismplstrwtscrssrithbesstpleplo


More Tutorials from this section

Ask Questions?    Discuss: Creating Tree Structure using GWT  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 

Ask Questions?

If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.

Ask your questions, our development team will try to give answers to your questions.