编辑
我通过调整 VerticalPanel
中组件的大小修复了空白行为,这似乎对面板的尺寸产生了影响,但控制台不知何故错过了。我不太明白。
但是,我仍然没有看到任何显示垂直滚动条的面板。
在 GWT 元素中,我有以下结构:
页面
DockLayoutPanel
North (header)
Center (body)
South (footer)
/DockLayoutPanel
正文
SplitLayoutPanel$1
West
SplitLayoutPanel$2
North
Center
TabPanel
ScrollPanel
VerticalPanel
-Several widgets-
/VerticalPanel
/ScrollPanel
/TabPanel
/Center
/SplitLayoutPanel$2
/West
Center
/SplitLayoutPanel$1
我的问题是 TabPanel
中的 ScrollPanel
,它本身包含一个包含多个小部件的 VerticalPanel
。 TabPanel
中的每个 Tab
都是如此。
我的问题是,虽然 SplitLayoutPanel$2
中心的所有容器的宽度都是 100%,但 ScrollPanel
包含一个带有相当大的白色区域的水平滚动条紧挨着它的是 VerticalPanel
,而它们的绝对指标大小相同。
说明情况
这是 TabPanel
,带有 ScrollPanel
和 VerticalPanel
。注意水平滚动条是如何存在的,而 TabPanel
、ScrollPanel
和 VerticalPanel
具有相同的宽度。向右滚动会产生一个白色区域。
ScrollPanel
和 VerticalPanel
的绝对宽度均为 598px。 DockLayoutPanel
的 West 组件大小为 600,因此匹配。还要注意调出开发者控制台是如何使滚动条消失的。事实上,整个面板已经消失在它后面,并且没有弹出垂直滚动条。
当向右滚动条时,VerticalPanel
部分离开屏幕,ScrollPanel
显示此空白。显然,我不希望那里有空格,所以根本不需要滚动条。这种情况下的所有面板仍然具有相同的宽度:598px。调整 SplitLayoutPanel
的大小,使用右边的边框,增加这些值(很明显),但面板仍然共享相同的宽度,空白保持相同的大小,而我希望它变得更宽也是。
第二个选项卡包含大量文本,这些文本继续显示在屏幕之外,但没有出现滚动条。
问题总结
- 没有垂直滚动条
- 带有一些神奇召唤的空白的水平滚动条
- 组件声称具有相同的宽度
非常感谢任何帮助。
编辑
已尝试将 VerticalPanel
调整为 90 或 80% 宽度。空白似乎不受影响,它表明 100% 确实覆盖了可见宽度,而不是更多。
最佳答案
TabPanel
(至少是来自 GWT 的那个)从内到外调整大小:它的大小根据所选选项卡的大小而变化。所以你的 ScrollPanel
永远不会有垂直滚动条,除非你明确地给它一个大小,你的内容实际上溢出 SplitLayoutPanel
的 layer 你将 TabPanel
放入。
布局面板,例如 TabLayoutPanel
,另一方面,从外向内调整大小:SplitLayoutPanel
将设置 TabLayoutPanel
的大小> 在其中心区域,TabLayoutPanel
将依次设置 ScrollPanel
的大小,因此如果 ScrollPanel
的内容溢出,一个出现垂直滚动条。
关于css - TabPanel : no vertical scrollbar 中的 gwt ScrollPanel,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15200138/