image - 画像付きのGWTドロップダウンメニュー

Question

画像付きのドロップダウンメニューを作りたいです。これの意味は：

 ImageListName
  image.png
  image1.png
  ......
  imageN.png

画像だけでテキストは表示されないはずです。アバターを選択できる場合のように、画像で選択したいと思います。どちらのアプローチが最適かわかりません。

Answer 1

MenuBar HomeMenu = new MenuBar();
final String image = "<img src='"+GWT.getModuleBaseURL() + "/images/down-arrow.png' height='25px' width='25px'/>";
        SafeHtml addActivityImagePath = new SafeHtml() {
            @Override
            public String asString() {
                return image;
            }
        };
HomeMenu.addItem(new MenuItem(addActivityImagePath,mainMenu));

AdvancedGWTComponentsのComboboxまたはSuggestionボックスを見てください。

ListBoxはHTMLの<select>要素を作成するだけなので、これを行うことはできません。MenuItemsを含む1つのメニューを含むMenuBarを使用して、複雑なウィジェットを含むドロップダウンをシミュレートできます。ブラウザスタイルのフォーム要素に依存するのではなく、ドロップダウンのスタイルを設定することもできます。ListBoxの代わりにMenuBarを使用し、任意のウィジェットをMenuItem内に配置して、ListBoxをシミュレートします。通常のリストボックスでは、プレーンテキストのみを指定できます。