ComboBox, Select und ListBox

Mit diesen drei Komponenten, kann der Benutzer von einer Liste an Optionen eine Option auswählen. Diese Komponenten unterscheiden sich wie folgt:

  • Mit der ComboBox kann der Benutzer nach dem gewĂĽnschten Objekt suchen.

  • Mit dem Select kann der Benutzer aus einer Liste das gewĂĽnschte Objekt auswählen.

  • Mit der ListBox muss die Liste nicht erst durch einen Klick geöffnet werden.

Die Werte dieser Komponenten kann wie folgend gesetzt werden:

  1. Die Komponente per Drag and Drop auf die View legen.

  2. Ein Entity per Drag and Drop auf die Komponente ziehen.

  3. Dann im folgenden Dialog auswählen, welcher Text angezeigt werden soll.

  4. Dann in den Properties unter Data > DataProvider den Query auswählen, welcher benutzt wird, um die Komponente aus der Datenbank zu befüllen.
    Alternativ: kann die Komponente auch per Code befüllt werden. Dazu können Sie den Konstruktor der View wie folgt erweitern:

    public MainLayout() { super(); this.initUI(); this.combobox.setItems( new Kunde("Hans", "Robert"), new Kunde("Joachim", "Schmidt"), new Kunde("Lars", "Sommermann")); }
  5. Die ausgewählten Kunden können Sie sich dann über combobox.getValue() holen.

Wichtige Properties der ComboBox:

  • Required - Gibt an, dass der Benutzer das Feld erst ausfĂĽllen muss, bevor er z.B. in einen Formular auf Weiter klicken kann.

  • ClearButtonVisible - Gibt an, ob ein Button angezeigt werden soll, mit dem der Benutzer den gesetzten Wert zurĂĽcksetzten kann.

  • Label - Beschreibung, die ĂĽber den Element angezeigt wird.

  • PageSize - Anzahl, wie viele Items in der Liste auf einmal angezeigt werden kann.

  • Placeholder - Text der angezeigt wird, wenn das Feld noch keinen Inhalt hat.

Wichtige Properties des Select:

  • Label - Beschreibung, die ĂĽber den Element angezeigt wird.

  • EmptySelectionAllowed - Gibt an, ob das Feld auch ohne Auswahl valide ist.

  • Placeholder - Text der angezeigt wird, wenn das Feld noch keinen Inhalt hat.

XDEV Software Corp. - One Embarcadero Center, San Francisco, CA 94111, US
Copyright © 2015. XDEV Software Corp. All rights reserved.