Wijmo Vue Data Editors

MESCIUSDatenbearbeitungssteuerungenJavaScript

Anpassbare, Excel-ähnliche Datenbearbeitungskomponenten für Vue-Apps.

  • Unterstützt die Bearbeitung direkt in Zellen mit einer vertrauten, Excel-ähnlichen Benutzeroberfläche.
  • Bietet mehrere Editor-Typen: Dropdown, Autocomplete, Radiobuttons, Menü.
  • Ermöglicht die deklarative Erstellung benutzerdefinierter Zelleneditoren mithilfe von Vue-Templates.
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 Data Editors Produktbild
Wijmo Vue Data Editors bietet eine vielseitige مجموعة von Komponenten zur Verwaltung der Bearbeitung direkt in Zellen innerhalb von Vue.js-Anwendungen. Integriert mit FlexGrid ermöglichen diese Editoren eine intuitive und effiziente Bearbeitung von Daten über verschiedene Eingabemechanismen. Sie sind darauf ausgelegt, unterschiedliche Bearbeitungsstile zu unterstützen, und bieten schnelle Dateneingabe, Validierung und flexible Anpassung, sodass sie sich an verschiedene Anwendungsanforderungen anpassen, ohne zusätzlichen JavaScript-Code zu erfordern.

Integrierte Schnellbearbeitung

FlexGrid unterstützt eine Excel-ähnliche Schnellbearbeitung, bei der Benutzer ganz einfach in den Bearbeitungsmodus wechseln, die Tastaturnavigation verwenden und mehrere Zellen mit den Pfeiltasten nahtlos bearbeiten können, um eine reibungslose Dateneingabe zu ermöglichen.

Mehrere Editor-Typen

Wählen Sie aus mehreren Editor-Typen für datengebundene Spalten, darunter Dropdown-Listen mit Autovervollständigung und Validierung, eigenständige Autocomplete-Eingaben, Radiobutton-Gruppen mit allen Optionen und menübasierte Befehlslisten. Diese Flexibilität erfüllt unterschiedliche UI-Anforderungen.

Deklarative benutzerdefinierte Editoren

Erstellen Sie maßgeschneiderte Zelleneditoren mit der Template-Syntax von Vue, sodass auch erweiterte Eingabesteuerungen wie InputNumber oder InputDate eingebunden werden können. Entwickler können komplexe Bearbeitungsoberflächen deklarativ erstellen, ohne imperativen JavaScript-Code zu schreiben.

Unterstützung für Datenvalidierung

Integrieren Sie Validierung in den Bearbeitungsprozess mithilfe ereignisbasierter oder CollectionView-basierter Validierung, um die Datenintegrität sicherzustellen und den Benutzern während der Dateneingabe unmittelbares Feedback zu geben.

Popup- und Inline-Bearbeitung

Die Unterstützung für Inline-Zelleneditoren und Popup-Editor-Dialoge ermöglicht es Entwicklern, Bearbeitungsabläufe an die UX der Anwendung anzupassen – von einfachen Bearbeitungen bis hin zu komplexen Formularen mit mehreren Feldern.

IME-Unterstützung

Die Unterstützung für Input Method Editor (IME) ermöglicht es Benutzern, Daten effizient in Sprachen einzugeben, die komplexe Eingabemethoden erfordern, wie Japanisch, Chinesisch und Koreanisch, und sorgt so für globale Nutzbarkeit.

Nahtlose FlexGrid-Integration

Editoren sind vollständig in FlexGrid integriert und bieten konsistente Interaktionsmuster sowie die Verwendung kompatibler Zellvorlagen, wodurch eine erweiterte Anpassung von Rasterzellen und Editoren ermöglicht wird.

Vue-spezifische API und Bindung

Editoren nutzen die reaktive Bindung und Scoped Slots von Vue, um dynamische Datenaktualisierungen und eine reibungslose Interaktion sicherzustellen und so die Produktivität der Entwickler sowie die Reaktionsfähigkeit der Anwendung zu verbessern.

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