TabPanel中的gwt ScrollPanel:没有垂直滚动条

Mar*_*ans 3 css gwt scroll uibinder

编辑

我通过调整其中的组件来修复空白行为VerticalPanel,这似乎对控制台错过了某个面板的维度产生了影响.我不太明白.

但是,我仍然没有看到任何显示垂直滚动条的面板.

在GWT项目中,我有以下结构:

DockLayoutPanel
    North (header)
    Center (body)
    South (footer)
/DockLayoutPanel
Run Code Online (Sandbox Code Playgroud)

身体

SplitLayoutPanel$1
    West
        SplitLayoutPanel$2
             North
             Center
                 TabPanel
                     ScrollPanel
                         VerticalPanel
                             -Several widgets-
                         /VerticalPanel
                     /ScrollPanel
                 /TabPanel
             /Center
        /SplitLayoutPanel$2
    /West
    Center
/SplitLayoutPanel$1
Run Code Online (Sandbox Code Playgroud)

我的问题ScrollPanel在于TabPanel,它本身包含一个VerticalPanel包含几个小部件.这是每一个真正TabTabPanel.

我的问题是,虽然SplitLayoutPanel$2中心的所有容器的宽度都有100%的宽度,但是它ScrollPanel包含一个水平滚动条,旁边有一个相当大的白色区域VerticalPanel,而它们的绝对指标大小相同.

说明情况

TabPanel概述http://i48.tinypic.com/1fu448.png

这是TabPanel,有ScrollPanel,和VerticalPanel.请注意水平滚动条是如何存在,同时TabPanel,ScrollPanelVerticalPanel具有相同的宽度.向右滚动会产生白色区域.

滚动和垂直面板详细信息

ScrollPanelVerticalPanel所有体育598px的绝对宽度.西部组件的DockLayoutPanel大小为600,因此匹配.还要注意如何启动开发人员控制台使滚动条消失.实际上,整个面板已经消失在其后面,并且没有垂直滚动条弹出.

滚动

当向右滚动条形时,VerticalPanel部分放置在屏幕外,并ScrollPanel显示此空白.显然,我不希望空白存在,因此根本不需要滚动条.在这种情况下,所有面板仍具有相同的宽度:598px.SplitLayoutPanel使用右边框调整大小(显然)会增加这些值,但是面板仍然具有相同的宽度,并且空白大小保持相同,而我希望它也会变宽.

第二个选项卡包含一个文本加载,它继续在屏幕上显示,但不显示滚动条.

问题的结论

  • 没有垂直滚动条
  • 一个水平滚动条,带有一些神奇的召唤空白
  • 组件声称宽度相等

任何帮助是极大的赞赏.

编辑

尝试过调整VerticalPanel到90或80%的宽度.空白似乎没有受到影响,它表明100%确实覆盖了可见宽度而不是更多.

Tho*_*yer 6

TabPanel(至少是来自GWT的那个)从内到外调整大小:它的大小取决于所选标签的大小.所以你ScrollPanel永远不会有一个垂直滚动条,除非你明确地给它一个大小,而你的内容实际上溢出了你放入的.SplitLayoutPanelTabPanel

TabLayoutPanel另一方面,布局面板从外向内调整大小:SplitLayoutPanel将设置TabLayoutPanel其中心区域的大小,并TabLayoutPanel依次设置大小ScrollPanel,如果ScrollPanel溢出的内容,则为垂直滚动条出现.