我试图在GWT中获得UI Binder的支持.

到目前为止,我有一个基本的应用程序来显示带有一些示例数据的DataGrid,并且可以在传统的GWT和UIBinder之间轻松切换.它在传统的GWT中正常工作,但在UiBinder中却没有.

这是主要的EntryPoint类：

public class Main implements EntryPoint {

  public void onModuleLoad() {

        uiBinder(); //call either uiBinder() or gwt() here
  }

  /* Use UiBinder to display grid */
  public void uiBinder() {
        HelloWorld hello = new HelloWorld();
        RootPanel.get("myid").add(hello);
  }

  /* Use traditional GWT to display grid */
  public void gwt() {
        DataGrid<Contact> grid = new DataGrid<Contact>();
        GridInitializer.init(grid);
        RootLayoutPanel.get().add(grid);
  }

}

这是UiBinder使用的HelloWorld.java：

public class HelloWorld extends Composite {

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

  @UiField DataGrid<Contact> grid;

  public HelloWorld() {            
        GridInitializer.init(grid);
        initWidget(uiBinder.createAndBindUi(this));
  }
}

GridInitializer类设置网格列和样本数据.我没有错,因为如果我使用传统的GWT它会正确呈现.

这是HelloWorld.ui.xml：

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
  xmlns:g='urn:import:com.google.gwt.user.client.ui'
  xmlns:c="urn:import:com.google.gwt.user.cellview.client">

  <g:DockLayoutPanel unit="EM">
    <g:center>
      <c:DataGrid ui:field='grid' />
    </g:center>
  </g:DockLayoutPanel>

</ui:UiBinder>

如果我使用UI Binder,则根本不显示任何内容.我不知所措.有什么建议？

解决方法:

必须在ProvidesResize面板/小部件上添加DataGrid(RequireSize小部件)(必须是其子节点),或者必须明确调整大小.

因此,您必须设置DataGrid或其父组件的大小.此外,它要求您的应用程序使用RootLayoutPanel.