css - GWT SuggestBox にスクロールを追加する

Question

誰も方法を知っていますか：

1) SuggestBox によって作成されたポップアップにスクロールを追加しますか?

2) SuggestBox の外観 (CSS) を効率的にカスタマイズするには?

上記の変更はできるだけ実際の実装には触れずに行いたいと考えています。また、このソリューションは (IE7-IE8、FF、Chrome) をサポートする必要があります。

ありがとう。

Answer 1

Firefox (または IE/Chrome デバッガー) 用の Firebug アドオンを使用して、スタイルを変更する必要がある要素を検査し、GWT がスタイル クラス名を割り当てているかどうかを確認します [またはその JavaDoc を読み取ります]。ここでは、外部要素の gwt-SuggestBoxPopup と、suggestPopupMiddle、suggestPopupMiddleCenterInner、suggestPopupContent などの内部要素の他のスタイル クラス名が多数あります。このクラス名を使用して、コンポーネント スタイルを変更します。

垂直 (水平) スクロールを追加するには、高さ (幅) または最大高さを指定し、overflow-y: scroll; を使用する必要があります。(overflow-x: scroll;) または overflow: scroll; スクロールの代わりに auto を使用して、必要のないときにスクロールバーを非表示にします。

したがって、あなたの短い答えは次のとおりです。

.suggestPopupContent{
    height: 100px;    
    overflow-y: scroll;
}

Answer 2

2)

new SuggestBox().setStyleName(/* ここにあなたのスタイル */);