GWT水平面板水平滚动

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

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

的要求是，我创建其中检索项目被添加作为检索条，并且当用户输入他们（类似于此 - http://documentcloud.github.com/visualsearch/）那么我得到的功能工作，甚至看起来很相似，但在水平面板上挣扎。我使用水平面板作为搜索栏，并在其中嵌入了一个提示框。所以当用户输入数据时，搜索项目被添加到水平面板。但是当添加搜索项目时，水平面板会增大并移出屏幕，并出现浏览器的水平滚动条。但是我想要水平面板上的滚动条。这可以实现吗？想要一些想法...任何帮助表示赞赏。谢谢。

来源

2012-03-02 ravi

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

来源

2012-03-02 18:17:06 Deanna

我试过这个..但不幸的是最初没有工作，因为GWT水平面板被呈现为HTML中的表格。因此，我想我可以使用另一个将作为DIV标签呈现的包装面板。因此，使用简单的面板来包装它，并使用你建议的CSS更改。有用！！！！！ – ravi 2012-03-02 19:30:03

我没有看到任何其他的解决方案，而不是将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>

您可能需要检查您的滚动面板的客户高度，从而调整项目的高度上的水平面板内，这取决于你的布局。

来源

2012-07-19 09:03:16

Oups，对不起，我没有看到您的评论上面。 – 2012-07-19 11:13:53

GWT水平面板水平滚动

回答

相关问题