DataViews

Das Grid-Steuerelement, das Ihre Daten genau so darstellt, wie Sie es möchten.

Eine JavaScript-Grid-Bibliothek, die Ihre Erwartungen erfüllt

Mit MindFusion DataViews können Sie große Datenmengen mit beeindruckender Leistung, Stil und benutzerfreundlicher Oberfläche rendern.

Sortieren, Filtern und Navigieren in einem JavaScript-Raster

Verschiedene Datentypen

Die vom Rastermodell unterstützten Datentypen umfassen Date, DateTime, Lookup, Image, Integer, String, RealNumber und mehr. Sie können Ihren eigenen Datentyp hinzufügen, indem Sie die GridModel-Schnittstelle implementieren. Daten können gefiltert und sortiert werden.

Online-Beispiel: Ein Raster mit schneller Navigation und Sortierung
Video-Tutorial: Ein Raster mit verschiedenen Datentypspalten

Zelleditoren

Die verschiedenen Zelleneditoren bieten Benutzern eine bequeme Möglichkeit, Zellendaten zu bearbeiten. Die Editoren enthalten ein Kombinationsfeld, das Werte Ihrer Wahl enthalten kann. ein Bildwähler; Ein anpassbarer Kalender, der Datums- und Zeitwerte in einem von Ihnen angegebenen Format und mehr wiedergibt.

Online-Beispiel: Datenüberprüfung in der JavaScript-Grid-Bibliothek
Video-Tutorial: Implementieren der Datenvalidierung in der Grid-Steuerung

CRUD-Operationen

Vorgänge zum Erstellen, Lesen, Aktualisieren und Löschen können entweder über die Benutzeroberfläche oder programmgesteuert ausgeführt werden. Wenn Sie mit der rechten Maustaste auf jede Rasterzeile klicken, wird ein Kontextmenü zum Hinzufügen und Löschen einer Zeile angezeigt. Rasterspalten können schreibgeschützt sein.

Online-Beispiel: CRUD-Operationen (Erstellen, Lesen, Aktualisieren, Löschen) in der JavaScript-Rasterbibliothek
Video-Tutorial: Verschiedene Möglichkeiten zum Hinzufügen einer Bildspalte zu einem Raster

Benutzerinteraktion

Die direkte Bearbeitung von Zellen wird vollständig unterstützt und Zellen können benutzerdefinierte Dateneditoren rendern. Das Rastersteuerelement ermöglicht die Mehrfachauswahl von Zeilen. Benutzerdefinierte Befehle für Rasterzeilen können ausgeführt werden. Mit dem umfangreichen Ereignissatz können Sie jede Benutzeraktion ausführen und die von Ihnen ausgewählten abbrechen.

Online Beispiel: Ereignisse in der JavaScript DataViews-Bibliothek
Video-Tutorial: Finden und Durchgehen der Ergebnisse in einem Raster

Schnelles Rendern

Das Grid-Steuerelement verwendet die Zeilenvirtualisierung, um nur die aktuell sichtbaren Zellen zu zeichnen. Dieser Ansatz verbessert die Geschwindigkeit, mit der Daten auf dem Bildschirm angezeigt werden, erheblich und macht das Durchsuchen von Rastern mit Tausenden von Zeilen schnell und ressourceneffizient.

Online-Beispiel: Verschiedene Datentypen und Rendern großer Datenmengen mit der JavaScript-Grid-Bibliothek

Aussehen

Das Rastersteuerelement unterstützt themenbasiertes Erscheinungsbild. Die Themen sind im CSS-Format und können frei bearbeitet oder repliziert werden, um ein neues Thema zu erstellen. Das bedingte Styling kann ebenso angewendet werden wie das benutzerdefinierte Zeichnen von Zellen. Daten können in einem Format Ihrer Wahl lokalisiert und gerendert werden.

Online-Beispiel: Auswahl im JavaScript-Raster