Могу ли я использовать DockLayoutPanel в DialogBox в GWT

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> 

Вот мой класс

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

Но проблема в том, что только TextBox видна. Я не уверен, что правильно использовать DockLayoutPanel в DialogBox, но он подходит для моего приложения. Так что вы можете помочь мне с моей проблемой и дать мне несколько советов, как заменить DockLayoutPanel, если это понадобится. Благодарю.

Answer 1

Попробуйте явно указать размер DockLayoutPanel. Например:

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

Answer 2

Ваши значения размера являются "100%", но ваш аппарат "PX". Попробуйте изменить устройство на «PCT» для процентной ширины и высоты