GXT中的NorthSouthContainer布局大小调整

Question

我试图创建一个简单的页面示例，顶部有一个菜单栏，底部有一个BorderLayoutContainer。我不知道如何让底部自动适应剩余的尺寸。

我有这样的想法：

public void onModuleLoad() {
    MenuBar mbar = new MenuBar();
    // Add menus...

    BorderLayoutContainer blc = new BorderLayoutContainer();
    // Create borderlayout parts...

    NorthSouthContainer mainCon = new NorthSouthContainer();
    mainCon.addNorthWidget(mbar);
    mainCon.addSouthWidget(blc);

    ViewPort vp = new ViewPort();
    vp.add(mainCon);
    RootPanel.get().add(vp);
}

菜单栏显示正确，但底部（BorderLayoutContainer）被完全挤压。如果我只是将BorderLayoutContainer添加到视口中，它会正确显示，即填充整个屏幕。

为什么大小没有从NorthSouthContainer的南部传递到BorderLayoutContainer。还是有别的事？

Answer 1

这是一个官方错误。您可以尝试使用VerticalLayoutContainer，如下所示-

VerticalLayoutContainer vlc = new VerticalLayoutContainer();
vlc.add(mBar,new VerticalLayoutData(1,-1));
vlc.add(blc,new VerticalLayoutData(1,1));

在此处查看更多关于VerticalLayoutData的信息

Answer 2

我也有同样的问题。作为一种解决方法，如果您将south小部件包装到另一个视口实例中，它对我来说是可行的（使用GXT 3.1.1）。

Answer 3

几周前我也有同样的问题。这似乎是GXT中的一个错误，在某些地方小部件的css没有正确地ensureInjected（）。如您所知，您的north和southwidget从父容器获取其高度属性。您可以通过将样式属性传递给内部小部件来避免此错误，如下所示：

mbar.getElement().getStyle().setProperty("height", "50%");
blc.getElement().getStyle().setProperty("height", "50%");

当然，我知道这不是一个真正干净的解决方案，但它是一种可能性。如果您想要完全访问该解决方案，您需要将自己的外观实现到BorderLayoutContainer。呼...