Gwt 除标题外，无法查看DockLayoutPanel内容

我正在尝试使用DockLayoutPanel布局我的页面，我正在使用gwt platfrom插件创建演示者和视图对。当我在view.ui.xml中添加以下代码时，我只能看到标题部分，其余部分不可见，我的方法有什么问题

    <ui:style>        
    .eastPanel {
        background-color: #F60;
    }
    .westPanel {
        background-color: #EEE;
    }
    .northPanel {
        background-color: #39F;
    }
    .southPanel {
        background-color: #99C;
    }
    .centerPanel {
        background-color: #FFC;
    }       
</ui:style>
 <g:DockLayoutPanel unit='EM'>
   <g:north size='5'>
     <g:FlowPanel styleName="{style.northPanel}">
       <g:Label>This is the NORTH panel</g:Label>
     </g:FlowPanel>
   </g:north>
   <g:west size='15'>
     <g:FlowPanel styleName="{style.westPanel}">
       <g:Label>This is the WEST panel</g:Label>
     </g:FlowPanel>
   </g:west>
   <g:center>
     <g:FlowPanel styleName="{style.centerPanel}">
       <g:Label>This is the CENTER panel</g:Label>
     </g:FlowPanel>
   </g:center>
 </g:DockLayoutPanel>

.东板{
背景色：#F60；
}
westPanel先生{
背景色：#EEE；
}
northPanel先生{
背景色：#39F；
}
南方小组{
背景色：#99C；
}
.中心板{
背景色：#FFC；
}       
这是北面板
这是西面板
这是中央面板

---

谢谢，

如果您没有在任何地方更改em，它的默认大小为16px。因此，192 em很容易意味着3072 px。我不知道当一个区域比屏幕大时DockLayoutPanel的行为如何，但我很确定它看起来并不漂亮

---

另一种可能性是，如果没有从父窗口小部件获取DockLayoutPanel，则需要设置DockLayoutPanel的高度。

如果没有在任何地方更改em，则默认大小为16px。因此，192 em很容易意味着3072 px。我不知道当一个区域比屏幕大时DockLayoutPanel的行为如何，但我很确定它看起来并不漂亮

---

另一种可能性是，如果DockLayoutPanel没有从父窗口小部件获取，则需要设置DockLayoutPanel的高度。

我以前遇到过这个问题。只需设置中心面板的高度。一切都会好起来的。

我以前遇到过这个问题。只需设置中心面板的高度。一切都会好的。

我找到了不显示页面的原因。在写作时有两个错误， 1.仅使用一个单元（UM/PX/百分比）来构造DockLayoutPanel的所有侧面 2.因为我使用的是gwt平台，所以我需要使用 RevealRootLayoutContentEvent.fire（这个，这个）； 在我的演示者的 revealInParent（）而不是

---

RevealRootContentEvent.fire（这个，这个）

我找到了不显示页面的原因。在写作时有两个错误， 1.仅使用一个单元（UM/PX/百分比）来构造DockLayoutPanel的所有侧面 2.因为我使用的是gwt平台，所以我需要使用 RevealRootLayoutContentEvent.fire（这个，这个）； 在我的演示者的 revealInParent（）而不是

---

RevealRootContentEvent.fire（这个，这个）

您需要将

DockLayoutPanel

添加到

LayoutPanel

中

LayoutPanel panel = new LayoutPanel();
panel.add(Your DockLayoutPanel);

---

您需要将

DockLayoutPanel

添加到

LayoutPanel

中

LayoutPanel panel = new LayoutPanel();
panel.add(Your DockLayoutPanel);

---

我解决了这个问题。我正在使用GWTP：

<ui:style>
.eastPanel {
    background-color: #F60;
}

.westPanel {
    background-color: #EEE;
}

.northPanel {
    background-color: #39F;
}

.southPanel {
    background-color: #99C;
}

.centerPanel {
    background-color: #FFC;
}

header {
    background: red;
}
</ui:style>


<g:RootLayoutPanel>
    <g:layer>
        <g:DockLayoutPanel >
            <g:north size='60'>
                <g:FlowPanel styleName="{style.northPanel}">
                    <g:Label>This is the WEST panel</g:Label>
                </g:FlowPanel>
            </g:north>
            <g:west size='300'>
                <g:FlowPanel styleName="{style.westPanel}">
                    <g:Label>This is the WEST panel</g:Label>
                </g:FlowPanel>
            </g:west>
            <g:center>
                <g:FlowPanel styleName="{style.centerPanel}">
                    <g:Label>This is the CENTER panel</g:Label>
                </g:FlowPanel>
            </g:center>
        </g:DockLayoutPanel>
    </g:layer>
</g:RootLayoutPanel>

.东板{
背景色：#F60；
}
westPanel先生{
背景色：#EEE；
}
northPanel先生{
背景色：#39F；
}
南方小组{
背景色：#99C；
}
.中心板{
背景色：#FFC；
}
标题{
背景：红色；
}
这是西面板
这是西面板
这是中央面板

---

我解决了这个问题。我正在使用GWTP：

<ui:style>
.eastPanel {
    background-color: #F60;
}

.westPanel {
    background-color: #EEE;
}

.northPanel {
    background-color: #39F;
}

.southPanel {
    background-color: #99C;
}

.centerPanel {
    background-color: #FFC;
}

header {
    background: red;
}
</ui:style>


<g:RootLayoutPanel>
    <g:layer>
        <g:DockLayoutPanel >
            <g:north size='60'>
                <g:FlowPanel styleName="{style.northPanel}">
                    <g:Label>This is the WEST panel</g:Label>
                </g:FlowPanel>
            </g:north>
            <g:west size='300'>
                <g:FlowPanel styleName="{style.westPanel}">
                    <g:Label>This is the WEST panel</g:Label>
                </g:FlowPanel>
            </g:west>
            <g:center>
                <g:FlowPanel styleName="{style.centerPanel}">
                    <g:Label>This is the CENTER panel</g:Label>
                </g:FlowPanel>
            </g:center>
        </g:DockLayoutPanel>
    </g:layer>
</g:RootLayoutPanel>

.东板{
背景色：#F60；
}
westPanel先生{
背景色：#EEE；
}
northPanel先生{
背景色：#39F；
}
南方小组{
背景色：#99C；
}
.中心板{
背景色：#FFC；
}
标题{
背景：红色；
}
这是西面板
这是西面板
这是中央面板

---

西部子面板的宽度为192em。船坞布局面板的总宽度是多少？@Boris我已将我的西侧尺寸改为15，但仍尝试不工作。您的西侧子面板的宽度是192em。船坞布局面板的总宽度是多少？@Boris我已经将我的西边尺寸改为15，但仍然没有working@Andri沃尔金我把我的西式尺码改成了15码，但还是没改working@Andri沃尔金我已经把我的西式尺码改为15码了，但还是没用。你可以再描述一下，让其他人能理解。你可以多描述一些，以便其他人能理解。