GWT DockLayoutPanel 异常答案

【问题标题】：GWT DockLayoutPanel oddnessGWT DockLayoutPanel 异常
【发布时间】：2015-04-08 20:05:08
【问题描述】：

我正在为我的应用程序使用 DockLayoutPanel。当我在北部、西部和东部拥有小部件时，它工作得很好。然而，当我在南方添加一个时，它并没有达到我预期的位置——它比南方更中心。

    private DockLayoutPanel mainPanel = new DockLayoutPanel(Unit.EM);
    mainPanel.addNorth(topPanel, 15);
    mainPanel.addWest(resultsGrid, 65);
    mainPanel.addEast(wcFlexTable, 35);
    mainPanel.addSouth(pager, 10);


    // Associate the Main panel with the HTML host page. 
    RootLayoutPanel.get().setStylePrimaryName("rootLayoutPanel");
    RootLayoutPanel.get().add(mainPanel);

它呈现如下 - 您可以看到 Pager 元素，而不是我期望的位置。

【问题讨论】：

标签： gwt docklayoutpanel

【解决方案1】：

考虑到您使用的单位，在我看来，南窗格的位置正确，寻呼机位于南窗格的顶部，这是其容器中元素的默认位置。

【讨论】：

不过，我很困惑 - 它不在东窗格和西窗格下方；底部似乎与它们平齐。不应该在他们下面吗？如果我误解了，你能建议我如何改变我的设置吗？
考虑到您添加窗格的顺序，这完全符合预期。尝试在北之后添加南窗格。

【解决方案2】：

原来问题出在我在 East和West之后添加了South元素。通过将其移动到东西之前，一切都按预期显示。

【讨论】：