添加滾動到GWT SuggestBox

1）添加滾動到SuggestBox創建的彈出窗口？

2）如何有效地自定義SuggestBox的外觀（CSS）？

我想在不觸及實際實現的情況下做出上述更改。此解決方案應支持（IE7-IE8，FF，Chrome）。

謝謝。

2010-12-13 Mayumi

使用Firefox的Firebug插件（或者IE/Chrome調試器）來檢查你需要修改其樣式的元素，看看GWT是否爲它分配了樣式類名[或者讀取它的JavaDoc]。這裏在你的情況下，它的gwt-SuggestBoxPopup用於外部元素和很多其他類型的內部元素的名稱，如suggestPopupMiddle，suggestPopupMiddleCenterInner和suggestPopupContent。使用這個類名來修改組件樣式。要添加垂直（水平）滾動，您需要指定高度（寬度）或最大高度並使用overflow-y：scroll; （overflow-x：scroll;）或overflow：scroll; 如果不需要，使用自動而不是滾動來隱藏scollbar。

所以你的答案很簡單：

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

來源

2010-12-13 17:39:34

我用css技巧在我的建議彈出窗口中添加了一個滾動條，它可以工作，但是有一個錯誤：如果使用箭頭鍵瀏覽選項，滾動不會遵循！我不知道如何改變這一點。 – 2011-12-07 10:49:53

@MaximeARNSTAMM不確定，但您可以使用onfocus和幾行代碼來滾動焦點選項。 – 2011-12-08 05:24:34

@MaximeARNSTAMM查看答案http://stackoverflow.com/a/24235088/1357094：你會使用相同的CSS作爲這個答案，以及一個相對簡單的SuggestBox擴展（相對於像其他許多答案一樣入侵SuggestBox本身）。 – cellepo 2015-05-28 01:17:00

-1

2）

新SuggestBox（）setStyleName（/ *您在這裏的風格* /）。

來源

2010-12-18 08:07:10

這不影響建議面板（實際的彈出窗口） – l3dx 2012-01-18 12:54:28

-1

請參閱此其他問題/答案（https://stackoverflow.com/a/24235088/1357094），以獲取解決方案，該解決方案沒有來自已接受答案的滾動條錯誤。

來源

2015-05-28 01:18:19 cellepo

添加滾動到GWT SuggestBox

回答

相關問題