Creating Menu using GWT

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

final Label label = new Label("Move the cursor over the Menu item")
Here we are declaring label. Label is a widget that contains text.

Command cmd = new Command()
Command is an interface that encapsulates an action for execution. This Interface can be often implemented with an anonymous inner class.

Window.alert("Menu item have been selected")
This is an alert whenever an Menu item is selected.

Menu Bar File = new MenuBar(true)
Creating a Menu bar named File. A Menu bar can contain any number of items.

File.addItem("New",cmd)
This is a method for adding item to the Menubar.Here we are adding New to the Menu bar named File

MenuBarex.java


package org.yournamehere.client;

import com.google.gwt.core.client.EntryPoint;

import com.google.gwt.user.client.Command;

import com.google.gwt.user.client.Window;

import com.google.gwt.user.client.ui.MenuBar;

import com.google.gwt.user.client.ui.Label;

import com.google.gwt.user.client.ui.RootPanel;



public class MenuBarex implements EntryPoint{



 public void onModuleLoad() {

 final Label label = new Label("Move the cursor over the Menuitem");

 final Label label1 = new Label("");

 Command cmd = new Command() {

  public void execute() {

  Window.alert("Menu item have been selected");

  }

  };

  MenuBar File = new MenuBar(true);

  File.addItem("New",cmd);

  File.addItem("Open",cmd);

  File.addItem("Close",cmd);



  MenuBar Edit = new MenuBar(true);

  Edit.addItem("Undo", cmd);

  Edit.addItem("Redo", cmd);

  Edit.addItem("Cut", cmd);

  Edit.addItem("Copy", cmd);



  MenuBar Format = new MenuBar(true);

  Format.addItem("Word wrap", cmd);

  Format.addItem("Font", cmd);

  

  MenuBar menu = new MenuBar();

  menu.addItem("File", File);

  menu.addItem("Edit", Edit);

  menu.addItem("Format", Format);

 

  RootPanel.get().add(label);

  RootPanel.get().add(label1);

  RootPanel.get().add(label1);

  RootPanel.get().add(menu);

  

  }

}

Main.gwt.xml


<?xml version="1.0" encoding="UTF-8"?>

<module>

  <inherits name="com.google.gwt.user.User"/>

  <entry-point class="org.yournamehere.client.MenuBarex"/>

  

</module>

Output of the program

Download source code

Related Tags for Creating Menu using GWT:
c, ui, gwt, build, menu, using, this, basic, for, example, exam, basics, ld, e, il, des, ics, in, cs, as, m, building, es, me, describe, xa, xamp, s, is, mpl, wt, scr, s, s, ri, th, bes, ple, pl, o

«Previous Index Next»