extjs - 使用 GXT ViewPort 调整问题大小

Question

我正在使用 GWT/GXT 开发一个基于浏览器的应用程序。html 文件包含一个用 html 编写的静态标头，以及一个用 ViewPort 填充的 div。

ViewPort 在这里非常有用，因为它允许自动调整大小。但是，ViewPort 总是随着浏览器大小调整大小，并且不考虑 html 标头大小。所以我总是有一部分 ViewPort 隐藏：/

你知道另一种方法吗？

对不起我的英语不好:) 谢谢

Answer 1

只需添加带有填充的样式：

Viewport view = new Viewport();
view.addStyleName("root");
view.setWidget(new MyWidget());
RootPanel.get().add(view);

.root{
    padding-right: 20px;
    padding-bottom: 20px;   
}

Answer 2

视口占用浏览器的整个高度和宽度。我看到在 onAttach() 方法中，它为自己分配了浏览器窗口的高度和宽度。

您可以考虑将标头添加到视口本身。