Building Suggestion Box Using GWT

This example describes the Basics for building the suggestion box using GWT.

Building Suggestion Box Using GWT

Building Suggestion Box Using GWT

     

This example describes the Basics for building the suggestion box using GWT. The steps involved in Building the Suggestion box are described below:-
final Label label = new Label("Enter the text in Suggestion box")
Here we are declaring label.

MultiWordSuggestOracle oracle = new MultiWordSuggestOracle()
Here we are creating object of class MultiWordSuggestOracle .MultiWordSuggestOracle  is a class that returns suggestion based on the query.

oracle. add("Cat")
This methods adds a suggestion to the oracle.

Suggest Box box = new SuggestBox(oracle)
Creating Suggest box , A suggest is a text area which displays a pre-configured set of selections.

RootPanel.get().add(label)
By this method we are adding label to the rootpanel.Root panel is a panel to which all other widgets must  be added. it is not created directly.

SuggestBoxex.java


package org.yournamehere.client;
import com.google.gwt.user.client.ui.Label; 
import com.google.gwt.user.client.ui.MultiWordSuggestOracle;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.SuggestBox;

public class SuggestBoxex {
  final Label label = new Label("Enter the text in Suggestion box");
 public void onModuleLoad() {
 MultiWordSuggestOracle oracle = new MultiWordSuggestOracle();  
 oracle.add("Cat");
 oracle.add("Dog");
 oracle.add("Horse");
 oracle.add("india");
 oracle.add("Canada");
 oracle.add("France");
 oracle.add("uk");
 oracle.add("Japan");
 oracle.add("Russia");
 
 SuggestBox box = new SuggestBox(oracle);
 RootPanel.get().add(label);
 RootPanel.get().add(box);
  };
  
}

Main.gwt.xml

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

Output of the program

Download source code