GWT - 我的flowpanel的html文件的结构

时间:2013-03-26 10:27:48

标签: java html gwt flowpanel

我有一个Flowpanel,其中包含一些列表框和标签:

 private ListBox lbStartHour = new ListBox();
 private ListBox lbStartMin = new ListBox();
 private ListBox lbPauseMin = new ListBox();
 private ListBox lbEndHour = new ListBox();
 private ListBox lbEndMin = new ListBox();
 private DateBox dbxDate = new DateBox();
 private Button OK = new Button();
 private Label lblError = new Label();
 private Label lblStart = new Label();
 private Label lblPause = new Label();
 private Label lblEnd = new Label();
 private Label lblHour = new Label();
 private Label lblMin = new Label();
 private Label lblDate = new Label();

flowpanel.add(lblHour);
    lblHour.setText("Stunden: ");
    flowpanel.add(lblMin);
    lblMin.setText("Minuten: ");
    flowpanel.add(lbStartHour);
    flowpanel.add(lbStartMin);
    flowpanel.add(lbPauseMin);
    flowpanel.add(lbEndHour);
    flowpanel.add(lbEndMin);
    flowpanel.add(dbxDate);
    dbxDate.setFormat(new DateBox.DefaultFormat(DateTimeFormat.getFormat("dd/MM/yyyy")));
    flowpanel.add(OK);
    OK.setText("Buchen");
    flowpanel.add(lblError);    
    lblError.setText("");
    flowpanel.add(lblDate);
    lblDate.setText("Datum: ");
    flowpanel.add(lblStart);
    lblStart.setText("Beginn: ");
    flowpanel.add(lblPause);
    lblPause.setText("Pause: ");
    flowpanel.add(lblEnd);
    lblEnd.setText("Ende: ");

然后我有一个.html文件,其结构如下:

<table id="mainTable" style="padding-bottom: 50px">
<tr>
    <td></td>
    <td id="lblHour"></td>
    <td id="lblMin"></td>
</tr>
  <tr>
    <td id="lblStart"></td>
    <td id="lbStartHour"></td>
    <td id="lbStartMin"></td>
  </tr>      
  <tr>
    <td id="lblPause"></td>
    <td></td>
    <td id="lbPauseMin"></td>
  </tr>
  <tr>
    <td id="lblEnd"></td>
    <td id="lbEndHour"></td>
    <td id="lbEndMin"></td>
  </tr>
  <tr>
    <td id="lblDate"></td>
    <td id="dbxDate"></td>
    <td></td>
    <td id="OK"></td>
  </tr>
  <tr>
    <td id="timeBx"></td>
  </tr>
  <tr>
    <td id="error" colspan="5"></td>
  </tr>
</table>

在我的rootpanel中,我可以使用RootPanel.get("lblHour").add(lblHour);将它“绑定”到我的java代码中,但是我如何才能与我的FlowPanel完全相同?

1 个答案:

答案 0 :(得分:1)

您需要在GWT's UiBinder的上下文中看到将gwt java代码与html混合和匹配的方法。

GWT的UiBinder为您提供了使用css / html的灵活性,并允许您插入gwt小部件。

尝试避免从RootPanel中获取一个单元格中的元素并尝试将项目填充到其中。