Wijmo Vue DataGrid (FlexGrid)

MESCIUSRastersteuerungenJavaScript

Ein schnelles, flexibles Vue-Data-Grid mit erweiterter Bearbeitung und Anpassung.

  • Unterstützt die Excel-ähnliche Bearbeitung direkt in der Zelle mit Anpassungsoptionen.
  • Bietet Master-Detail-Ansichten und verschachtelte Grids für hierarchische Daten.
  • Enthält robuste Auswahlmodi und dynamische Zellvorlagen.
MESCIUS logo

Preise ab:

Wird geladen...
Verfügbar in
WijmoWird geladen
ComponentOne Studio EnterpriseWird geladen
Brauchen Sie Hilfe bei der Auswahl? Sehen Sie So kaufen Sie und Spezifikationen
Wijmo Vue DataGrid (FlexGrid) Produktbild
Wijmo Vue DataGrid (FlexGrid) ist für Entwickler konzipiert, die eine anpassbare und effiziente Möglichkeit zum Anzeigen und Bearbeiten tabellarischer Daten benötigen. Es unterstützt fortschrittliche Funktionen wie die Bearbeitung direkt in der Zelle, hierarchische Master-Detail-Ansichten, benutzerdefinierte Zellvorlagen und mehrere Auswahlmodi und eignet sich damit für komplexe Datenvisualisierung und -bearbeitung innerhalb von Vue-Anwendungen.

Excel-ähnliche Bearbeitung direkt in der Zelle

FlexGrid ermöglicht es Benutzern, Daten direkt in Zellen mit vertrauten Excel-ähnlichen Interaktionen zu bearbeiten. Entwickler können das Bearbeitungsverhalten anpassen, Validierungen implementieren und Pop-up- oder benutzerdefinierte Editoren für maßgeschneiderte Bearbeitungserlebnisse verwenden.

Unterstützung für Master-Detail-Ansichten

Stellen Sie hierarchische Daten effektiv dar, indem Sie ein Master-Grid mit Detailansichten verknüpfen oder verschachtelte Grids in Zeilendetail-Panels einbetten. Dies ermöglicht die detaillierte Untersuchung und Bearbeitung zusammengehöriger Datensätze in einer einzigen Oberfläche.

Benutzerdefinierte Zellvorlagen

Erweitern Sie das Grid durch die Definition benutzerdefinierter Vorlagen für Zellen, einschließlich Bildern, Schaltflächen, Hyperlinks oder benutzerdefinierter Vue-Komponenten. Bedingte Formatierung und dynamische Aktualisierungen ermöglichen eine präzise Kontrolle über das Erscheinungsbild und Verhalten der Zellen.

Dynamische Datenaktualisierungen

FlexGrid aktualisiert effizient nur diejenigen Zellen, die an geänderte Datenelemente gebunden sind, und verbessert so die Rendering-Leistung insbesondere bei häufig wechselnden Datenquellen.

Erweiterte Auswahlmodi

Benutzer können einzelne Zellen, mehrere Zeilen oder Bereiche per Maus und Tastatur auswählen. Zu den Funktionen gehören Checkbox-Auswahl, markierungsartige Auswahlumrandungen und programmatische Anpassungen der Auswahl, um unterschiedlichen Interaktionsanforderungen gerecht zu werden.

Datenvalidierung und Unterstützung für Eingabemethoden

Die integrierte Datenvalidierung unterstützt automatische Typumwandlung, Datenzuordnungen, ereignisbasierte Validierung und Validierung über die Collection View. Die Unterstützung für Input Method Editor (IME) gewährleistet die Kompatibilität mit komplexen Eingabesprachen wie Japanisch, Chinesisch und Koreanisch.

Leistungsoptimierung

FlexGrid bleibt selbst bei großen Datensätzen dank automatischer Virtualisierung von Zeilen und Spalten schnell und reaktionsfähig und reduziert so den Rendering-Overhead für umfangreiche Datensammlungen.

Erweiterbare API und Integration

Die Komponente bietet eine flexible API, die es Entwicklern ermöglicht, Funktionen zu erweitern, mit anderen Steuerelementen zu integrieren und das Grid-Verhalten an spezifische Anwendungsanforderungen anzupassen.

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