Wie ein layout FormLayout in vaadin 7 wie eine Form in vaadin 6?

Ich versuche zu migrieren einer Anwendung von vaadin 6.8 zu vaadin 7. Da die Form-Klasse ist veraltet in vaadin 7, die ich versuche zu bauen, meine Formulare mit FieldGroup und präsentieren Sie mit FormLayout. Gebäude ist nicht ein problem, aber das layout funktioniert nicht so reibungslos. Jetzt habe ich zwei Probleme.

  1. Wie kann ich das Formular anzeigen Beschreibung auf der Oberseite über die volle Breite des Formulars? Ich hätte es gern genau die selbe Breite hat und die weder breiter noch nur in der zweiten Spalte.

  2. Wie füge ich die buttons (OK und Abbrechen), so dass Sie neben einander, und nicht nur in der zweiten Spalte? Wie die Fußzeile in der alten Form-Klasse.

Ist das möglich mit FormLayout oder muss ich verwenden ein anderes Layout?

Dank

Raffael

InformationsquelleAutor raffael | 2013-04-08
  1. 3

    Hinweis: ich habe buchstäblich begann die Untersuchung von V7 in der letzten Woche, also Vorsicht mit meiner Antwort...

    Beide Probleme ergeben sich aus der Tatsache, dass FormLayout niemals eine Kopfzeile und eine Fußzeile - die Form-Klasse hat.

    Ich würde empfehlen die Erstellung Ihrer eigenen entspricht der Form, die einen header-layout FormLayout-und eine Fußzeile layout z.B. (Nicht versucht zu verwenden, müssen möglicherweise verwenden Sie ein GridLayout-Objekt statt VerticalLayout für mainLaout)

    public class FormComponent extends CustomComponent {
  private Layout mainLayout;

  protected Layout header;
  protected Layout central;
  protected Layout footer;

  public FormComponent() {
    init(new HorizontalLayout(), new FormLayout(), new HorizontalLayout());
  }

  protected void init(Layout header, Layout central, Layout footer) {
    this.footer = footer;
    this.header = header;
    this.central = central;

    mainLayout = new VerticalLayout();
    mainLayout.addComponent(header);
    mainLayout.addComponent(central);
    mainLayout.addComponent(footer);

    setCompositionRoot(mainLayout);
    setSizeUndefined();
  }

  public Layout getHeader() {
    return header;
  }

  public Layout getCentral() {
    return central;
  }

  public Layout getFooter() {
    return footer;
  }
}
    • Danke. Ich habe bereits beigebracht, auf diese Weise, hoffte aber für eine integrierte Lösung. Ich werde warten, einige mehr, und akzeptiere Ihre Antwort, wenn es wirklich nichts aus der box.
    InformationsquelleAutor Charles Anthony
  2. 2
    1. In Vaadin 7 gibt es keine built-in-Komponente, die äquivalent zu Vaadin 6 Form-Komponente. So müssen Sie Ihre eigenen erstellen.
    2. Create new HorizontalLayout und fügen Sie Ihre OK-und Abbrechen-Schaltfläche, um es. Dann fügen Sie die HorizontalLayout zu Ihrem FormLayout.
    InformationsquelleAutor Dfirmansyah
Schreibe einen Kommentar