添加滚动到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;
}