我可以在 GWT 的 DialogBox 中使用 DockLayoutPanel

Question

我想制作一个包含 3 个部分的对话框：TextBox、DataGrid 和 Button。我正在使用 DockLayoutPanel 那样

<ui:style>
    .panel {
        width: 600px;
        height: 500px;
    }
</ui:style>

<g:HTMLPanel addStyleNames='{style.panel}'>
    <g:DockLayoutPanel unit="PX">
       <g:north size="45">
          <g:TextBox>...
       </g:north>
       <g:south size="45">
          <g:Button>...
       </g:south>
       <g:center>
          <g:DataGrid>...
       </g:center>
    </g:DockLayoutPanel>
</g:HTMLPanel>

这是我的 class

public class MyDialogBoxViewImpl extends DialogBox {
 interface MyDialogBoxViewImplUiBinder extends
    UiBinder<Widget, MyDialogBoxViewImpl> {
    }
...

但问题是只有TextBox可见。我不确定在 DialogBox 中使用 DockLayoutPanel 是否正确，但它非常适合我的应用程序。所以你能帮我解决我的问题吗？如果需要的话，给我一些如何替换 DockLayoutPanel 的建议。谢谢。

Answer 1

尝试明确设置 DockLayoutPanel 的大小。例如：

<g:DockLayoutPanel unit="PX" width="100%" height="100%">

Answer 2

您的尺寸值为“100%”，但您的单位是 "PX"。尝试将您的单位更改为 "PCT" 百分比宽度和高度

我可以在 GWT 的 DialogBox 中使用 DockLayoutPanel

May I use DockLayoutPanel in DialogBox in GWT

gwt

dialog

docklayoutpanel