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。使用此类名称来修改组件样式。

要添加垂直（水平）滚动，您需要指定高度（宽度）或最大高度并使用溢出-y：滚动；（溢出-x：滚动；）或溢出：滚动；在不需要时使用 auto 而不是 scroll 隐藏 scollbar。

所以你的简短回答是：

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

Answer 2

2)

new SuggestBox().setStyleName(/* 你的风格在这里 */);