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

回答

相关问题