Vaadin-combo-box: Nur Auswahl von Artikeln aus der Artikelliste zulassen?

Erstellt am 9. März 2017  ·  3Kommentare  ·  Quelle: vaadin/vaadin-combo-box

Hallo Leute,

danke für das schöne Teil. Ich suche nach einer Lösung, um dieses Kombinationsfeld in einigen Fällen als einfaches Dropdown-Menü zu verwenden, aber ich konnte keine Möglichkeit finden, einfach Elemente aus dem angegebenen items -Attribut auszuwählen.

Wenn ich <vaadin-combo-box allow-custom-value="false"> verwende, kann ich einen beliebigen Wert in das Eingabefeld eingeben. Ist das wirklich das beabsichtigte Verhalten?

Hilfreichster Kommentar

So funktionieren boolesche Attribute: Wenn Sie das Attribut setzen, bedeutet es true , wenn Sie es entfernen - bedeutet es false . Sie können false nicht so übergeben, wie Sie es tun, also entfernen Sie einfach das Attribut und alles wird gut. Sie können jedoch Datenbindungen verwenden, um anzugeben, ob benutzerdefinierte Werte zulässig sein sollen.

Alle 3 Kommentare

So funktionieren boolesche Attribute: Wenn Sie das Attribut setzen, bedeutet es true , wenn Sie es entfernen - bedeutet es false . Sie können false nicht so übergeben, wie Sie es tun, also entfernen Sie einfach das Attribut und alles wird gut. Sie können jedoch Datenbindungen verwenden, um anzugeben, ob benutzerdefinierte Werte zulässig sein sollen.

Wenn Sie dem Benutzer nicht erlauben möchten, etwas in das Feld einzugeben, und das Dropdown-Menü nur öffnen möchten, wenn auf das Feld geklickt wird, können Sie vaadin-combo-box-light verwenden und stattdessen ein schreibgeschütztes Eingabeelement verwenden. Hier ist ein kurzes Beispiel: http://jsbin.com/loqobonake/edit?html ,output

Von dort aus können Sie die Eingabe bei Bedarf so gestalten, dass sie wie etwas anderes aussieht.

@web-padawan, @jouni : Danke für den Beitrag. Das funktioniert! 👍

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

osamamaruf picture osamamaruf  ·  4Kommentare

OlliTietavainenVaadin picture OlliTietavainenVaadin  ·  6Kommentare

web-padawan picture web-padawan  ·  5Kommentare

davidmaxwaterman picture davidmaxwaterman  ·  6Kommentare

steffen-harbich-cognitum picture steffen-harbich-cognitum  ·  8Kommentare