向 GWT SuggestBox 添加滚动

发布于 2024-10-07 06:01:39 字数 165 浏览 2 评论 0原文

有谁知道如何:

1)向 SuggestBox 创建的弹出窗口添加滚动条?

2)如何高效地定制SuggestBox的外观(CSS)?

我想在尽可能不触及实际实现的情况下进行上述更改。 此解决方案还应支持(IE7-IE8、FF、Chrome)。

谢谢。

Does anyone know how to:

1) Add a scroll to the popup created by the SuggestBox?

2) How to customize the looks (CSS) of the SuggestBox efficiently?

I want to make above changes without touching the actual implementation as much as possible.
Also this solution should support (IE7-IE8, FF, Chrome).

Thanks.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

浅黛梨妆こ 2024-10-14 06:01:39

使用 Firefox 的 Firebug 插件(或 IE/Chrome 调试器)来检查需要修改其样式的元素,并查看 GWT 是否为其分配了样式类名称 [或读取其 JavaDoc]。在您的例子中,外部元素的 gwt-SuggestBoxPopup 以及内部元素的许多其他样式类名称,例如 suggestPopupMiddle、suggestPopupMiddleCenterInner 和 suggestPopupContent。使用此类名称来修改组件样式。

要添加垂直(水平)滚动,您需要指定高度(宽度)或最大高度并使用overflow-y:scroll; (溢出-x:滚动;)或溢出:滚动;
不需要时使用 auto 而不是滚动来隐藏滚动条。

所以你的简短回答是:

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

Use Firebug addon for Firefox (or IE/Chrome debugger) to inspect the element you need to modify its style and see if GWT has assigned it a style class name [or read its JavaDoc]. Here in you case its gwt-SuggestBoxPopup for outer element and lots of other style class names for inner elements like suggestPopupMiddle, suggestPopupMiddleCenterInner and suggestPopupContent. Use this class names to modify components style.

To add vertical (horizontal) scroll you need to specify height (width) or max-height and use overflow-y: scroll; (overflow-x: scroll;) or overflow: scroll;
Use auto instead of scroll to hide the scollbar when not necessary.

So your short answer is:

.suggestPopupContent{
    height: 100px;    
    overflow-y: scroll;
}
九局 2024-10-14 06:01:39

2)

new SuggestBox().setStyleName(/* 这里是你的样式 */);

2)

new SuggestBox().setStyleName(/* your style here */);

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文