Syncfusion Vue UI Selection Controls

SyncfusionUI-AuswahlsteuerelementeJavaScript

Umfassende Auswahlkomponenten für moderne Vue-Anwendungen.

  • Unterstützt Einzel-, Mehrfach- und hierarchische Auswahlmuster.
  • Enthält Dropdowns, ComboBoxen, AutoComplete- und Listenkomponenten.
  • Bietet Filterung, Vorlagen und interaktive Zustandssteuerungen.
Syncfusion logo

Preise ab:

Wird geladen...
Verfügbar in
Syncfusion Essential Studio UI Component SuiteWird geladen
Syncfusion Essential Studio EnterpriseWird geladen
Syncfusion Vue UI Selection Controls Produktbild
Syncfusion Vue UI Selection Controls bietet eine umfassende مجموعة von Komponenten für die Verarbeitung von Benutzerauswahl- und Selektionsszenarien in Vue-Anwendungen. Es umfasst durchsuchbare Dropdowns, hierarchische Selektoren, listenbasierte Eingaben und klassische Formularelemente, die alle darauf ausgelegt sind, sich nahtlos in Vue-Datenbindung und reaktive Zustandsverwaltung zu integrieren.

Strukturierte Einzelwahl mit DropDown List

Die DropDown List ermöglicht es Benutzern, einen Wert aus einer vordefinierten Datenquelle auszuwählen. Sie unterstützt Gruppierung, Filterung und benutzerdefinierte Elementvorlagen und hilft Entwicklern dabei, strukturierte Informationen in Formularen und Konfigurationsbereichen klar darzustellen.

Mehrere Auswahlmöglichkeiten mit MultiSelect DropDown

Die MultiSelect DropDown ermöglicht es Benutzern, mehrere Werte in einem kompakten Eingabefeld auszuwählen. Integrierte Filterfunktionen und flexible Anzeigeoptionen machen sie geeignet für Tagging-Systeme, Kategorieauswahl und fortgeschrittene Filteroberflächen.

Navigation durch hierarchische Daten mit DropDown Tree

Das DropDown Tree stellt verschachtelte Daten in einer erweiterbaren Struktur innerhalb eines Dropdowns dar. Benutzer können übergeordnete und untergeordnete Knoten auswählen, wodurch es sich für Organisationsstrukturen, Kategorie-Bäume und mehrstufige Datensätze eignet.

Geführte Texteingabe mit AutoComplete und ComboBox

AutoComplete schlägt passende Einträge vor, während die ComboBox eingegebenen Text mit auswählbaren Optionen kombiniert. Zusammen unterstützen sie flexible Dateneingabemuster und helfen dabei, die Konsistenz mit verfügbaren Datenquellen zu wahren.

Detaillierte Datensätze in der MultiColumn ComboBox vergleichen

Die MultiColumn ComboBox zeigt für jedes Element innerhalb ihres Dropdowns mehrere Datenfelder an. Dieses Layout hilft Benutzern, zugehörige Informationen vor der Auswahl eines Werts zu prüfen, was besonders für strukturierte Geschäftsdaten nützlich ist.

Listen und Übertragungen mit ListBox verwalten

Die ListBox stellt Elemente in einem auswählbaren Listenformat mit Unterstützung für Einzel- und Mehrfachauswahl dar. Drag-and-Drop- und Umordnungsfunktionen ermöglichen es Benutzern, Sammlungen direkt in der Oberfläche zu verwalten.

Klare Formularentscheidungen mit Radio Button und CheckBox

Radio Button- und CheckBox-Komponenten verarbeiten exklusive und unabhängige Auswahlen in Formularen. Sie bieten ein vorhersehbares Verhalten und klare visuelle Zustände und eignen sich daher für Einstellungsbereiche und Benutzerpräferenzformulare.

Interaktive Zustandsänderungen mit Toggle Switch und Button Group

Der Toggle Switch Button stellt boolesche Werte mit sofortiger visueller Rückmeldung dar. Die Button Group ordnet zusammengehörige Optionen in auswählbaren Schaltflächen an und bietet so eine kompakte Möglichkeit, sich gegenseitig ausschließende oder mehrere Auswahlmöglichkeiten darzustellen.

Inline-Auswahl und Tagging mit Mention und Chips

Die Mention-Komponente zeigt Vorschläge an, wenn in einem Textfeld ein Trigger-Zeichen eingegeben wird, und ermöglicht so kontextbezogene Verweise. Die Chips-Komponente stellt ausgewählte Werte als kompakte Elemente dar, die im Layout hinzugefügt, ausgewählt oder entfernt werden können.

Produktkompatibilität

Überprüfen Sie die untenstehenden Details, um sicherzustellen, dass dieses Produkt in Ihrer Umgebung unterstützt wird.

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Vue.js