Examples of SuggestBox

com.google.gwt.user.client.ui.SuggestBox
A {@link SuggestBox} is a text box or text area which displays apre-configured set of selections that match the user's input. Each {@link SuggestBox} is associated with a single {@link SuggestOracle}. The {@link SuggestOracle} is used to provide a set of selections given aspecific query string.
By default, the {@link SuggestBox} uses a {@link MultiWordSuggestOracle} asits oracle. Below we show how a {@link MultiWordSuggestOracle} can beconfigured:
```
  MultiWordSuggestOracle oracle = new MultiWordSuggestOracle();   oracle.add("Cat"); oracle.add("Dog"); oracle.add("Horse"); oracle.add("Canary"); SuggestBox box = new SuggestBox(oracle); 
```
Using the example above, if the user types "C" into the text widget, the oracle will configure the suggestions with the "Cat" and "Canary" suggestions. Specifically, whenever the user types a key into the text widget, the value is submitted to the MultiWordSuggestOracle.
Note that there is no method to retrieve the "currently selected suggestion" in a SuggestBox, because there are points in time where the currently selected suggestion is not defined. For example, if the user types in some text that does not match any of the SuggestBox's suggestions, then the SuggestBox will not have a currently selected suggestion. It is more useful to know when a suggestion has been chosen from the SuggestBox's list of suggestions. A SuggestBox fires {@link SuggestionEvent SuggestionEvents}whenever a suggestion is chosen, and handlers for these events can be added using the {@link #addEventHandler(SuggestionHandler)} method.

CSS Style Rules
- .gwt-SuggestBox { the suggest box itself }
- .gwt-SuggestBoxPopup { the suggestion popup }
- .gwt-SuggestBoxPopup .item { an unselected suggestion }
- .gwt-SuggestBoxPopup .item-selected { a selected suggestion }
@see SuggestOracle @see MultiWordSuggestOracle @see TextBoxBase

Examples of com.google.gwt.user.client.ui.SuggestBox

            CompleteListener<T> completeListener) {
        super();
        this.oracle = oracle;
        this.completeListener = completeListener;


        suggestBox = new SuggestBox(oracle);
        suggestBox.addEventHandler(new SuggestionHandler() {


            public void onSuggestionSelected(SuggestionEvent event) {
                Log.debug("On Suggestion Selected! "
                        + event.getSelectedSuggestion()

View Full Code Here

Examples of com.google.gwt.user.client.ui.SuggestBox

        oracle.add("Jill");
        oracle.add("Jeff");
        oracle.add("James");
        oracle.add("Jennifer");


        SuggestBox box = new SuggestBox(oracle);
        box.addEventHandler(new SuggestionHandler() {
            public void onSuggestionSelected(SuggestionEvent suggE) {
                String selected = suggE.getSelectedSuggestion()
                        .getReplacementString();
                // do something with selected suggestion
            }

View Full Code Here

Examples of com.google.gwt.user.client.ui.SuggestBox

    
    
    
    oracle = new MultiWordSuggestOracle("/");  
    
    box = new SuggestBox(oracle);
    box.setWidth("250px");
    hp0.add(box);
    
    box.addChangeListener(new ChangeListener() {
      public void onChange(Widget sender) {

View Full Code Here

Examples of com.google.gwt.user.client.ui.SuggestBox

    startTime.setStyleName(style.textBoxSmall());
    
    endTime = new TextBox();
    endTime.setStyleName(style.textBoxSmall());
    
    tag = new SuggestBox(tagSuggestions);
    
    W2 = new TextBox();
    W2.setStyleName(style.textBoxSmall());
    
    W3 = new TextBox();

View Full Code Here

Examples of com.google.gwt.user.client.ui.SuggestBox

  public RoadListing(HandlerManager eventBus) {
    
    this.eventBus = eventBus;
    polygonHash = new HashMap<String, Polygon>();
    polylineHash = new HashMap<String, TagPolyline>();
    tagSuggestBox = new SuggestBox(tagSuggestions);
    checkboxes = new ArrayList<CheckBox>();
    
    roadDetailsList = new ArrayList<RoadDetails>();
    
    roadService = GWT.create(RoadService.class);

View Full Code Here

Examples of com.google.gwt.user.client.ui.SuggestBox

      String suggestion = option.getName()+ " - " +option.getUri();
      suggestions.put(suggestion, option);
      oracle.add(suggestion);


    }
    final SuggestBox suggestBox = new SuggestBox(oracle);
    suggestBox.setWidth(width);
    suggestBox.addEventHandler(new SuggestionHandler() {
      public void onSuggestionSelected(SuggestionEvent event) {
        String suggestion = event.getSelectedSuggestion().getReplacementString();
        Option option = suggestions.get(suggestion);
        textBox.setText(option.getName());
        optionSelected(option);
        
        _onChange();
        
        popup.hide();
      }
    });
    // Fix to issue #245:"cannot find authority abbreviation after typing a few letters"
    // just set limit of the suggest box to the number of options
    suggestBox.setLimit(options.size());
    ////////////////////////////////////////////////////////////
    
    vp.add(suggestBox);
    vp.add(listBox);
    
    waitPopup.hide();
    
    // use a timer to request for focus in the suggest-box:
    new Timer() {
      public void run() {
        suggestBox.setFocus(true);
      }
    }.schedule(700);
        
    popup.setText("Select " +attr.getLabel());
    popup.center();

View Full Code Here

Examples of com.google.gwt.user.client.ui.SuggestBox

  /**
   * Creates a new instance.
   */
  public MainUiViewImpl() {
    // TODO: do proper suggestion
    searchKeyword = new SuggestBox();


    initWidget(uiBinder.createAndBindUi(this));


    currentYear.setInnerText(Integer.toString(new Date().getYear() + 1900));

View Full Code Here

Examples of com.google.gwt.user.client.ui.SuggestBox

                      "Packages (separate multiple with space or comma):");
      packagesLabel.setStylePrimaryName(RESOURCES.styles().packagesLabel());
      reposSourcePanel_.add(packagesLabel);
     
      packagesTextBox_ = new MultipleItemSuggestTextBox();
      packagesSuggestBox_ = new SuggestBox(new PackageOracle(),
                                           packagesTextBox_);
      packagesSuggestBox_.setWidth("100%");
      packagesSuggestBox_.setLimit(20);
      packagesSuggestBox_.addStyleName(RESOURCES.styles().extraBottomPad());
      reposSourcePanel_.add(packagesSuggestBox_);

View Full Code Here

Examples of com.google.gwt.user.client.ui.SuggestBox

    public Widget asWidget() {


        if(null==oracle)
            throw new RuntimeException("oracle required!");


        this.suggestBox = new SuggestBox(oracle, textBox);


        suggestBox.addValueChangeHandler(new ValueChangeHandler<String>() {
            @Override
            public void onValueChange(ValueChangeEvent<String> event) {
                setModified(true);

View Full Code Here

Examples of com.google.gwt.user.client.ui.SuggestBox

    oracle.add("Latte");
    oracle.add("Moccachino");
    oracle.add("Black Coffee + Sugar 026");
    oracle.add("Black Coffee - Sugar");


    final SuggestBox box = new SuggestBox(oracle);
    // create a listener for adding coffee icon to the column
    SelectionHandler<Suggestion> addListener = new SelectionHandler<Suggestion>() {
      public void onSelection(SelectionEvent<Suggestion> event) {
        if (cupArray.getWidgetCount() == 4) {
          Window.alert("Easy Tiger!");
          box.setText("");
          return;
        }
        cupArray.add(coffeeImages.cupIcon().createImage());
        cupArray.getElement().setTitle(box.getText());
        box.setText("");
      }
    };
    box.addSelectionHandler(addListener);


    int row = clientsFlexTable.getRowCount();
    clientsFlexTable.setText(row, 0, name);
    clientsFlexTable.setWidget(row, 1, box);
    clientsFlexTable.setWidget(row, 2, cupArray);

View Full Code Here

0 1 2 3 4 5

TOP

All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.

Examples of SuggestBox

CSS Style Rules

Examples of com.google.gwt.user.client.ui.SuggestBox

Examples of com.google.gwt.user.client.ui.SuggestBox

Examples of com.google.gwt.user.client.ui.SuggestBox

Examples of com.google.gwt.user.client.ui.SuggestBox

Examples of com.google.gwt.user.client.ui.SuggestBox

Examples of com.google.gwt.user.client.ui.SuggestBox

Examples of com.google.gwt.user.client.ui.SuggestBox

Examples of com.google.gwt.user.client.ui.SuggestBox

Examples of com.google.gwt.user.client.ui.SuggestBox

Examples of com.google.gwt.user.client.ui.SuggestBox