GWTでSuggestBoxを使ってみる

本日は、SuggestBoxがどんな風に動くのかを試してみる。

昨日としては、テキストエディットにおいて、候補を表示する機能というところでしょうか。

とりあえず、下記のページを参考に簡単なサンプルを動かしてみた。

http://google-web-toolkit.googlecode.com/svn/javadoc/1.5/com/google/gwt/user/client/ui/SuggestBox.html

コードの記述は下記のとおり、Suggestを表示しながら、それを
選択したら、ダイアログに表示するようなサンプルです。

     MultiWordSuggestOracle oracle = new MultiWordSuggestOracle(); 
     oracle.add("Cat");
     oracle.add("Dog");
     oracle.add("Horse");
     oracle.add("Canary");
     oracle.add("apple");
     oracle.add("assert");
     final SuggestBox box = new SuggestBox(oracle);
      box.addEventHandler(new SuggestionHandler(){
    public void onSuggestionSelected(SuggestionEvent event) {
     Window.alert(box.getText() );
    }
      });
      RootPanel.get().add(box);
    }

こちらをブラウザで動かしてみると、こんな感じです。



なかなか面白い。
なんとなくつかめてきました。