Syncfusion React UI Selection Controls

SyncfusionUI-AuswahlsteuerelementeJavaScript

Umfassende Auswahlkomponenten für moderne React-Anwendungen.

  • Unterstützt Einzel-, Mehrfach- und hierarchische Auswahlszenarien.
  • Enthält Dropdowns, Combo-Boxen, AutoComplete- und Listenkomponenten.
  • Bietet Filterung, Vorlagen und interaktive Statussteuerungen.
Syncfusion logo

Preise ab:

Wird geladen...
Verfügbar in
Syncfusion Essential Studio UI Component SuiteWird geladen
Syncfusion Essential Studio EnterpriseWird geladen
Syncfusion React UI Selection Controls Produktbild
Syncfusion React UI Selection Controls bieten eine breite Sammlung von Komponenten zur Verwaltung von Benutzerauswahlen in React-Anwendungen, einschließlich durchsuchbarer Dropdowns, baumbasierter Selektoren, Radio Buttons, Checkboxen, Toggle Switches und Button-Gruppen. Diese Komponenten unterstützen Einzel- und Mehrfachauswahl, benutzerdefiniertes Rendering von Elementen und flexible Datenbindung für dynamische React-Oberflächen.

Zuverlässige Einzelwahl mit DropDown List

Die DropDown List ermöglicht es Benutzern, einen Wert aus einem vordefinierten Satz von Optionen auszuwählen. Sie unterstützt Gruppierung, Filterung und benutzerdefinierte Elementvorlagen, wodurch strukturierte Daten in React-Formularen und Dateneingabebildschirmen übersichtlich dargestellt werden können.

Verwalten mehrerer Auswahlmöglichkeiten in einem Steuerelement

Die MultiSelect DropDown ermöglicht es Benutzern, mehrere Elemente innerhalb eines kompakten Eingabebereichs auszuwählen. Integrierte Filterung und flexible Anzeige ausgewählter Werte machen sie geeignet für Tagging, Filterbereiche und Szenarien zur Kategorieauswahl.

Arbeiten mit verschachtelten Daten über DropDown Tree

Der DropDown Tree präsentiert hierarchische Daten in einer Dropdown-Oberfläche. Benutzer können übergeordnete Knoten erweitern, untergeordnete Elemente überprüfen und Werte auf verschiedenen Ebenen auswählen. Die Unterstützung von Checkboxen hilft dabei, die Auswahl über die Zweige der Hierarchie hinweg darzustellen.

Geführte Eingabe mit AutoComplete und ComboBox

AutoComplete schlägt passende Einträge vor, während der ComboBox getippte Eingaben mit einer auswählbaren Liste kombiniert. Zusammen unterstützen sie sowohl kontrollierte als auch flexible Dateneingaben, reduzieren Fehler und verbessern die Effizienz in React-Anwendungen.

Datensätze vergleichen in MultiColumn ComboBox

Die MultiColumn ComboBox zeigt für jedes Element mehrere Datenfelder innerhalb ihres Dropdowns an. Dieses Layout ermöglicht es Benutzern, zusammenhängende Attribute vor einer Auswahl zu vergleichen, was für strukturierte Geschäftsdaten nützlich ist.

Elemente mit ListBox organisieren

Die ListBox präsentiert Elemente in einem klaren Listenformat mit Unterstützung für Einzel- oder Mehrfachauswahl. Drag-and-drop- und Neuordnungsfunktionen ermöglichen es Benutzern, Sammlungen direkt innerhalb der Oberfläche zu verwalten.

Klar formulierte Eingaben mit Radio Button und CheckBox

Radio Button- und CheckBox-Komponenten handhaben sich gegenseitig ausschließende und unabhängige Auswahlmöglichkeiten in Formularen. Sie bieten vorhersehbares Auswahlverhalten und lassen sich natürlich in gesteuerte und unkontrollierte React-Komponenten integrieren.

Schnelle Statusänderungen mit Toggle Switch und Button Group

Der Toggle Switch Button stellt boolesche Werte mit sofortigem visuellem Feedback dar. Die Button Group ordnet zusammengehörige Optionen als auswählbare Schaltflächen an und erleichtert Benutzern so den Wechsel zwischen verfügbaren Auswahlmöglichkeiten.

Kontextbewusste Auswahl mit Mention und Chips

Die Mention-Komponente zeigt Vorschläge an, wenn ein Triggerzeichen in ein Textfeld eingegeben wird, und ermöglicht so Inline-Referenzen. Die Chips-Komponente stellt ausgewählte Werte als kompakte visuelle Elemente dar, die nach Bedarf 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

  • React