Syncfusion Angular UI Selection Controls
Angular-Komponenten für einzelne, mehrere und hierarchische Auswahl.
- Enthält Radio-Buttons, Checkboxen, Toggles und Button Groups.
- Erweiterte Dropdowns mit Unterstützung für Filterung und Gruppierung.
- Unterstützt hierarchische, mehrspaltige und kontextbezogene Datenauswahl.
Preise ab:
| Verfügbar in | |
|---|---|
| Syncfusion Essential Studio UI Component Suite | Wird geladen |
| Syncfusion Essential Studio Enterprise | Wird geladen |
Radio Button and Checkbox Controls
Radio-Button- und Checkbox-Komponenten verarbeiten exklusive und mehrere Auswahlen in Formularen und Einstellungsansichten. Entwickler können Optionen gruppieren, die Platzierung von Beschriftungen steuern und Werte direkt an Angular-Modelle binden. Beide Komponenten funktionieren mit template-driven und reaktiven Formularen, einschließlich Validierung und Statusverwaltung.
Toggle Switch and Button Group Inputs
Der Toggle Switch stellt Ein- und Aus-Zustände mit einer modernen Schalteroberfläche dar, während die Button Group zusammengehörige Optionen in einer einzigen auswählbaren Gruppe organisiert. Auswahlsmodi können für einzelne oder mehrere Werte konfiguriert werden, mit vollständiger Unterstützung für Datenbindung und Änderungsereignisse.
Chip Based Selection Interfaces
Die Chips-Komponente zeigt ausgewählte Elemente als kompakte Elemente innerhalb der Oberfläche an. Sie unterstützt Einzel- und Mehrfachauswahl, benutzerdefinierte Vorlagen und das Entfernen von Elementen. Dieser Ansatz eignet sich gut für Tagging, Filterung und Kategorienauswahl, wenn Benutzer eine klare visuelle Zusammenfassung der gewählten Werte benötigen.
Autocomplete and ComboBox Inputs
Autocomplete- und ComboBox-Komponenten präsentieren Vorschläge, während Benutzer tippen, wodurch Eingabefehler reduziert und die Dateneingabe beschleunigt werden. Sie können mit lokalen Arrays oder entfernten Datendiensten verbunden werden, Filter anwenden und benutzerdefinierte Elementvorlagen rendern. Die ComboBox ermöglicht außerdem die Auswahl aus vordefinierten Optionen.
Drop Down List and MultiSelect Components
Die Drop-down-Liste unterstützt die Einzelauswahl aus strukturierten Daten mit Gruppierungs- und Filteroptionen. Das Multi-Select-Dropdown erweitert diese Funktionalität auf mehrere Werte, einschließlich Checkbox-Auswahl und Virtualisierung für größere Datensätze. Beide Komponenten lassen sich nahtlos in Angular-Formulare integrieren.
ListBox for Advanced Item Management
Die ListBox-Komponente zeigt Sammlungen von Elementen mit Einzel- oder Mehrfachauswahlmodi an. Sie unterstützt Drag-and-drop zwischen Listen, Neuanordnung und Gruppierung. Dadurch eignet sie sich für Szenarien wie das Zuweisen von Ressourcen, das Verwalten von Kategorien oder das Organisieren konfigurierbarer Optionen.
Hierarchical Selection with DropDown Tree
Der DropDown Tree kombiniert eine Baumansicht-Struktur mit Dropdown-Verhalten und ermöglicht es Benutzern, Elemente aus hierarchischen Daten auszuwählen. Er unterstützt die Auswahl von über- und untergeordneten Knoten, Checkbox-Modi und Filterung. Diese Komponente ist nützlich, wenn mit verschachtelten Kategorien oder Organisationsstrukturen gearbeitet wird.
Mention Component for Contextual Selection
Die Mention-Komponente zeigt eine gefilterte Vorschlagsliste an, wenn ein Benutzer ein Auslösezeichen in einem Textbereich oder Eingabefeld eingibt. Sie bindet sich an strukturierte Daten und unterstützt Vorlagenelemente, wodurch sie sich für das Verweisen auf Benutzer, Tags oder Entitäten in kollaborativen Oberflächen eignet.
MultiColumn ComboBox for Rich Data Presentation
Die MultiColumn ComboBox präsentiert tabellarische Daten in ihrem Dropdown und zeigt mehrere Felder pro Datensatz an. Dieses Layout hilft Benutzern, zusammengehörige Werte vor der Auswahl zu vergleichen. Sie unterstützt Filterung, Sortierung und Datenbindung für Anwendungen, die strukturierte Geschäftsdaten verwalten.
Form Integration and Data Binding Support
Alle Auswahlkomponenten sind für Angular-Anwendungen entwickelt und integrieren sich in template-driven und reaktive Formulare. Sie stellen konsistente Ereignisse und Werte-APIs bereit, wodurch es einfach wird, Änderungen zu verfolgen, Eingaben zu validieren und Auswahlen mit dem Anwendungsstatus oder Backend-Diensten zu verbinden.
Produktkompatibilität
Überprüfen Sie die untenstehenden Details, um sicherzustellen, dass dieses Produkt in Ihrer Umgebung unterstützt wird.
Komponententyp
- JavaScript
JavaScript-Plattform
- Angular
Über Syncfusion
Syncfusion, 2001 gegründet und mit Hauptsitz in Morrisville, North Carolina, ist auf die Bereitstellung eines umfangreichen Sortiments an Entwicklerkomponenten, Steuerelementen und Frameworks für .NET, JavaScript sowie führende Mobile- und Desktop-Entwicklungsplattformen spezialisiert. Mit über 12.000 Kunden in mehr als 125 Ländern bedient das Unternehmen eine vielfältige Kundenbasis, von einzelnen Entwicklern bis hin zu Fortune-500-Unternehmen. Beliebte Produktfamilien wie Essential Studio bieten über 1.600 Komponenten und unterstützen die schnelle Anwendungsentwicklung, umfassende Business Intelligence und robuste Reporting-Lösungen, alles gestützt durch reaktionsschnellen Support und transparente Lizenzierung.
Erfahren Sie mehr über SyncfusionEntdecken Sie Produkte von Syncfusion
Als offizielle und autorisierte Vertriebspartner seit 2002 stellt Ihnen ComponentSource legale Lizenzen direkt von Syncfusion bereit.