添加滚动到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（/ *你的风格在这里* /）;

Answer 3

请参阅此其他问题/答案（https://stackoverflow.com/a/24235088/1357094），以获取此处未接受回答的滚动条错误的解决方案。