Wie setup-flextable mit uiBinder für GWT 2.4

Ich versuche zu setup ein flextable mit uiBinder. Ich bin mit GWT 2.4 und ich weiß, wie zu tun, ein flextable, aber nicht mit uiBinder. Ich fand diese Frage: Wie kann ich Zeilen hinzufügen, zu einem Google Web Toolkit flextable in der UiBinder? wurde gefragt, JA, aber keine Beispiele auf, wie dies zu tun.

So, wenn ich erkläre das widget in:

@UiBinder FlexTable flexTable;

Wie mache ich ein initialisieren eine leere Zeile mit zwei Spalten und einer Kopfzeile, die die Namen der Spalten mit @UiConstructor oder (provider=true) mit uiBinder?

InformationsquelleAutor James Drinkard | 2011-12-19
  1. 12

    Wenn mit dem FlexTable-widget können Sie nur nutzen ui.xml Vorlage legen Sie den Speicherort, Format und Attribute. Sie müssen noch um die Inhalte (und Header) der Tabelle pragmatisch in Ihrem java-code.

    Gibt es zwei Ansätze:

    1: Verlassen Sie sich auf die Vorlage zu instanziieren Sie ein neues, leeres FlexTable für Sie, wenn Sie anrufen initWidget(...) . Sie können follow-up mit entsprechenden Anrufe zu table.setText(0,0, "Header 1") usw. gleich danach geben Sie Ihre Inhalte.

    2: Instanziieren der FlexTable sich vor rufen Sie initWidget(...) und auch mit Anmerkungen versehen Sie Ihre Tabelle member-variable mit=true. Follow-up mit der gleichen Anrufe zu setText().

    Beispiel
    (Mit Ansatz 2)

    public final class SomeWidget extends Composite {

  @UiField (provided=true) FlexTable table;

  SomeWidget() {

    //When using provide=true, the table must be instantiated
    //BEFORE calling initWidget.
    setupTable();

    initWidget(binder.createAndBindUi(this));
  }

  private void setupTable() {
    table = new FlexTable();
    table.setText(0, 0, "Header 1");
    table.setText(0, 1, "Header 2");

    //Create a temp blank row:
    table.insertRow(1);
  }

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

    Und in Ihrem ui.xml Datei:

    <ui:UiBinder
   xmlns:gwt="urn:import:com.google.gwt.user.client.ui"
   xmlns:ui="urn:ui:com.google.gwt.uibinder">

  <ui:style>
    .table-style {
      border: 1px solid black;
    }
  </ui:style>

  <gwt:HTMLPanel>
    Other random html
    <gwt:FlexTable ui:field="table" styleName="{style.table-style}" borderWidth="2" />
  </gwt:HTMLPanel>

</ui:UiBinder>
    • Gibt es eine Möglichkeit ein statisches layout, das ich definieren in der ui.xml - Datei? Oder andere Möglichkeit zu haben, eine einfache Tabelle mit Kontrollkästchen und text z.B.?
    InformationsquelleAutor Scott Bailey
Schreibe einen Kommentar