GMail like selection comboboxがGWTに実装されました

Question

私はGmailを使って簡単にメールを選択するコンボボックスのようなものを実装することに興味があります。コンボボックスの「デフォルト」選択には、すべての電子メールを選択するためにクリックできるチェックボックスがあります。それ以外の場合は、ボックスをドロップダウンして別の選択オプションを選択できます。

GWTでこれを実装するにはどうしますか？三角形のため

Answer 1

public class SelectionComboBox extends HorizontalPanel implements ClickHandler { 
    private class ListItem extends Label implements ClickHandler { 
     String text; 
     public ListItem(String text) { 
      this.text = text; 
      this.setText(text); 
      this.addClickHandler(this); 
     } 
     @Override 
     public void onClick(ClickEvent event) { 
      selectedValue = text; 
      popup.hide(); 
     } 
    } 

    CheckBox combo; 
    FlowPanel list; 
    PopupPanel popup; 
    String selectedValue; 
    Label triangle; 

    public SelectionComboBox() { 
     list = new FlowPanel(); 
     popup = new PopupPanel(); 
     combo = new CheckBox(); 
     triangle = new Label(); 
     list.add(new ListItem("All")); 
     list.add(new ListItem("None")); 
     list.add(new ListItem("Read")); 
     list.add(new ListItem("Unread")); 
     list.add(new ListItem("Starred")); 
     list.add(new ListItem("Unstarred")); 
     popup.setWidget(list); 
     popup.setPopupPosition(this.getAbsoluteLeft(), 
      this.getAbsoluteTop() + this.getOffsetHeight()); 
     this.addDomHandler(this, ClickEvent.getType()); 
     triangle.addClickHandler(this); 
     this.add(combobox); 
     this.add(triangle); 
    } 

    public void addValueChangeHandler(ValueChangeHandler<Boolean> handler) { 
     combo.addValueChangeHandler(handler); 
    } 

    public String getSelection() { 
     return selectedValue; 
    } 

    @Override 
    public void onClick(ClickEvent event) { 
     popup.show(); 
    } 
} 

スタイル：

height:0; 
width:0; 
border-left:20px solid transparent; 
border-right:20px solid transparent; 
border-top:20px solid black; 

上記のスタイルは、あなただけのCSSを使って三角形を与えるであろう。

リストに選択項目に該当する要素がない場合、チェックボックスを選択しない機能を追加する必要があります。

（注：コードがテストされていないですが、あなたが始めるのに役立つはずです）