Question

我正在尝试重做我在GWT 2.0发布之前制作的现有面板。该面板在VerticalPanel中有一些文本字段和一个可滚动面板。

我想做的是使用UIBinder创建可滚动面板，然后将其添加到VerticalPanel下面是我创建的示例来说明这一点：

 public class ScrollTablePanel extends ResizeComposite{

     interface Binder extends UiBinder<Widget, ScrollTablePanel > { }
     private static Binder uiBinder = GWT.create(Binder.class);

     @UiField FlexTable table1;
     @UiField FlexTable table2;

     public Test2() {

      initWidget(uiBinder.createAndBindUi(this));



      table1.setText(0, 0, "testing 1");
      table1.setText(0, 1, "testing 2");
      table1.setText(0, 2, "testing 3");

      table2.setText(0, 0, "testing 1");
      table2.setText(0, 1, "testing 2");
      table2.setText(0, 2, "testing 3");
      table2.setText(1, 0, "testing 4");
      table2.setText(1, 1, "testing 5");
      table2.setText(1, 2, "testing 6");
     }
    }

然后是xml：

<ui:UiBinder 
   xmlns:ui='urn:ui:com.google.gwt.uibinder' 
   xmlns:g='urn:import:com.google.gwt.user.client.ui'       
   xmlns:mail='urn:import:com.test.scrollpaneltest'>
       <g:DockLayoutPanel unit='EM'>
      <g:north size="2">
       <g:FlexTable ui:field="table1"></g:FlexTable>
      </g:north>
      <g:center>
       <g:ScrollPanel>
         <g:FlexTable ui:field="table2"></g:FlexTable>
       </g:ScrollPanel>
      </g:center>
    </g:DockLayoutPanel>
</ui:UiBinder>

然后在EntryPoint中执行类似的操作：

 public void onModuleLoad() {

     VerticalPanel vp = new VerticalPanel();
     vp.add(new ScrollTablePanel());
     vp.add(new Label("dummy label text"));
     vp.setWidth("100%");

     RootLayoutPanel.get().add(vp);
    }

但是当我将ScrollTablePanel添加到VerticalPanel时，只有第一个FlexTable（test1）在页面上可见，而不是整个ScrollTablePanel。

有没有办法让这项工作可以在GWT 2.0中混合声明性和程序化布局？

Answer 1

你可以定义，虽然它首先打败了使用uiBinder的目的。当然，当您必须使用dymamic gui元素（例如FlexTable）时，您无法避免使用init代码，但仍然可以使用@UiFactory和@UiField（provided = true）来避免使用它。我相信您的问题与容器VerticalPanel的大小有关，请尝试将其设置为100％。

我可以在GWT 2.0中混合声明式和编程式布局吗？

1 个答案: