添加滾動到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而不是滾動來隱藏scollbar。

所以你的簡短回答是：

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

Answer 2

2）

新的SuggestBox（）。setStyleName（/ *你的風格在這里* /）;