- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
编辑
我通过调整 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/
我想知道 GWT、GWT-RPC、EXT-GWT 和 Smart GWT 之间的区别。目前,我设法借了有关 GWT 的书籍,据我所知,它只是一个旨在促进快速高效的 Ajax(异步 JavaScript
不,这不是问如何让 Guava 在 GWT 中工作,因为我已经让它工作了。 我的问题是,当我执行继承时 我希望在命名空间 com.google.common.collect 中找到一个文件 Coll
Ext GWT 和 GWT-Ext 之间有区别吗?因为我在浏览 Ext GWT 时看到了这个页面 http://gwt-ext.com/demo/ .有什么帮助吗? 最佳答案 ExtGWT 由开发 E
调查gwt-dispatch之后和 Google Wave I/O presentation (Best practices) ( video here ),我想知道为什么官方 GWT 版本 (2.0
我在我的应用程序中使用带有 ext 的 GWT 2.0.3。该项目不再处于积极开发状态并且已被 Smart GWT 取代。我正在为此应用程序使用 HMVC 模式。现在使用现有的 GWT 2.0.3 和
当我尝试在 Windows Vista 上为 ie 8 使用 GWT 开发模式插件时,我不断看到安装插件的提示。 运行插件后我仍然总是看到这个页面。有谁知道如何解决这样的问题? 最佳答案 看这个:Ca
我正在尝试对 GWT RPC 序列化策略进行一些背景阅读,发现 GWT 在编译后将 *.gwt.rpc 文件中的可序列化类型列入白名单。 以下是我的应用程序中生成的一个此类 .gwt.rpc 文件的摘
如果 Enum 实现了 java.io.Serializable,我无法将它序列化为 GWT。它会成功编译 GWT,但在运行时,我会感到害怕: Type 'com....security..Admin
是否有可以与 GWT 一起使用的进度条小部件,还是必须自己制作?我尝试在 google-web-toolkit-incubator、gwtupload 和 upload4gwt 中使用进度条,但没有任
由于 Javadoc 没有说明使用 com.google.gwt.core.shared.GWT 的原因,它似乎包含 com.google.gwt.core.client.GWT 的功能子集,前者存在
我必须在 gwt 中创建一个图像按钮,它使用三个图像(左侧图像、中心拉伸(stretch)图像和右侧图像)。左侧图像和右侧图像具有圆角。中心图像想要拉伸(stretch)取决于按钮标题大小.创建的 I
我正在尝试在 GWT 的垂直面板中设置 align 属性,如下所示: vpanel = new VerticalPanel(); vPanel.setHorizontalAlignment(HasHo
我想在 GWT 中添加可编辑的组合框,请告诉我解决方案? 最佳答案 试试 Advanced GWT Components , 具体来说 org.gwt.advanced.client.ui.widge
我在使用 GWT Designer 配置 GXT 时遇到问题。我拥有 Eclipse、GWT 插件和 GXT 的所有新版本,但无法将 GXT 配置为与 GWT Designer 一起使用。我设置了我的
我们有一个当前使用 Capistrano 部署的应用程序。该应用程序使用 php 作为后端,使用 GWT 作为前端。 我已经设法通过 Ant 文件编译 GWT,但想用自定义 Capistrano 任务
这应该很简单,但不知何故我找不到在 GWT 中创建简单超链接的方法。基本上,我想在用户点击某些东西时加载另一个页面。 Hyperlink似乎仅指向内部 GWT 应用程序状态。我想我可以把链接放在 HT
在 GWT 界面中哪个更好,使用带有 javacode 的普通 MVP,还是 UiBinder?从性能、编辑、简单性方面。 最佳答案 这就是Google says : Besides being a
GWT 2.5.0 开发模式 我在下面对文件上传做了一个简单的测试, startupUrl: http://127.0.0.1:8888/UploadTest.html?gwt.codesvr=127
我需要创建一个SuggestBox,在按下时将显示所有选项 Enter键。 我已经写了以下实现,看来是 工作正常。 我希望有人审查我的实现情况,并让我知道 在任何特定情况下都会引起问题。 另外,要传递
在哪里可以找到有关 GWT 和 GWT-Ext 延迟加载的更多信息? 最佳答案 快速谷歌搜索显示 nice blog entry由 GWT 团队提供。 关于 GWT-Ext,我无话可说,但无论采用何种
我是一名优秀的程序员,十分优秀!