Question

有没有办法在水平面板中实现水平滚动？

或任何其他面板可用于实现下述功能 -

要求是我正在创建一个搜索栏，在该搜索栏中添加搜索项目以及用户何时输入搜索项目（与此类似的内容 - http://documentcloud.github.com/visualsearch/）好吧，我的功能工作，甚至看起来很相似，但在水平面板上挣扎。我使用水平面板作为搜索栏，它有一个嵌入的建议框。因此，当用户输入数据时，搜索项目将添加到水平面板。但是当添加搜索项目时，水平面板的大小会增大并移出屏幕，并且会出现浏览器的水平滚动条。但我想在水平面板上放一个滚动条。这可以实现吗？想要一些想法...任何帮助表示赞赏。感谢。

Answer 1

您可能想要使用css overflow-x属性。如果要滚动，请将值设置为滚动或自动。如果您需要以特定方式约束div的大小，则可能需要以progamatically方式对其进行控制。

Answer 2

除了将HorizontalPanel 放在滚动面板之外，我没有看到任何其他解决方案。然后我会添加一个CSS属性来阻止垂直滚动条显示。

这是一个ui.xml摘录：

<ui:style>
    .scrollHorizontal{
        overflow-y: hidden !important;
        /* !important used to force override the style "overflow:scroll"
            of the ScrollPanel */
    }
</ui:style>

<g:ScrollPanel addStyleNames="scrollHorizontal">
    <g:HorizontalPanel ui:field="resultsPanel" />
</g:ScrollPanel>

您可能需要检查滚动面板的客户端高度，以便调整水平面板内项目的高度，具体取决于您的布局。

GWT水平面板，带水平滚动

2 个答案: