DevExtreme Angular UI Selection Controls

DevExpressUI-AuswahlsteuerelementeJavaScript

Vielseitige Angular-Auswahlsteuerungen für reichhaltige Benutzeroberflächen.

  • Enthält SelectBox zur Elementauswahl mit Suche und Gruppierung.
  • Die List-Komponente unterstützt Einzel-, Mehrfach- und Alle-Auswahlmodi.
  • DataGrid bietet erweiterte Zeilenauswahl mit verzögerten und Stapel-Optionen.
DevExpress logo

Preise ab:

Wird geladen...
Verfügbar in
DevExtreme CompleteWird geladen
DevExpress DXperienceWird geladen
DevExpress UniversalWird geladen
DevExpress VCL Subscription +Wird geladen
Brauchen Sie Hilfe bei der Auswahl? Sehen Sie So kaufen Sie und Spezifikationen
DevExtreme Angular UI Selection Controls Produktbild
Die DevExtreme Angular UI Selection Controls bieten eine umfassende مجموعة von Komponenten, die darauf ausgelegt sind, Benutzerauswahlen in Angular-Anwendungen effizient zu verarbeiten. Von einfachen Dropdowns bis hin zu komplexen Datenrastern bieten diese Controls Funktionen wie Suche, Gruppierung, mehrere Auswahlmodi und Ereignisbehandlung, um die Benutzerinteraktion und das Datenmanagement zu verbessern.

SelectBox Component

Bietet einen Dropdown-Editor, mit dem Benutzer Werte aus einer Liste auswählen oder hinzufügen können. Unterstützt Funktionen wie Datenbindung an Arrays oder externe Quellen, Suchfunktionalität, Gruppierung von Elementen und Anpassung des Dropdown-Menüs mit Popup-Optionen.

List Selection Modes

Ermöglicht die Auswahl von Elementen innerhalb einer Liste im Einzel-, Mehrfach- oder Alle-Elemente-Modus. Integriert Kontrollkästchen, um Auswahlen anzuzeigen, und erlaubt die Auswahl per Klick oder ausschließlich über Kontrollkästchen.

Selection Controls in List

Zu den Optionen gehören das Anzeigen von Auswahl-Kontrollkästchen, die Steuerung der Auswahl per Klick und die Verwaltung des Verhaltens von „Alle auswählen“ für alle Elemente oder paginierte Daten. Unterstützt die Ereignisbehandlung für Auswahländerungen, um auf Benutzeraktionen zu reagieren.

DataGrid Row Selection

Unterstützt die Auswahl einzelner oder mehrerer Zeilen mit Kontrollkästchen in einer dedizierten Auswahlspalte. Enthält Funktionen wie „Alle auswählen/Alle abwählen“ mit Modi, die auf alle Seiten oder die aktuelle Seite abzielen, sowie verzögerte Auswahl für bessere Leistung bei großen Datensätzen.

Deferred Selection in DataGrid

Ermöglicht es, Auswahlvorgänge aufzuschieben, indem Daten nur bei Bedarf geladen werden, was die Leistung bei großen Datenquellen verbessert, insbesondere wenn Benutzer alle Datensätze auswählen.

Selection Event Handling

Alle Komponenten geben Ereignisse wie Wertänderungen oder Änderungen des Auswahlstatus aus und ermöglichen es Entwicklern, benutzerdefinierte Logik zu implementieren, wenn Benutzer Elemente oder Zeilen auswählen oder abwählen.

Initial and Runtime Selection APIs

Methoden und Eigenschaften ermöglichen es Entwicklern, Auswahlen programmatisch initial festzulegen, Auswahlen zur Laufzeit zu ändern und ausgewählte Schlüssel oder Daten abzufragen, was Flexibilität für dynamische Anwendungsszenarien bietet.

Customization and Integration

Die Komponenten unterstützen Anpassungen durch Vorlagen, Gruppierung, Filterung und Popup-Anpassungen. Sie werden in Angular-Anwendungen unter Verwendung der standardmäßigen Vorgehensweisen zum Importieren von Komponenten und Modulen integriert.

Produktkompatibilität

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

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Angular