Zum Hauptinhalt springen

DHTMLX Spreadsheet-Übersicht

DHTMLX Spreadsheet ist eine clientseitige JavaScript-Komponente zum Online-Bearbeiten und -Formatieren von Tabellendaten. Sie umfasst eine konfigurierbare Toolbar, ein praktisches Menü und Kontextmenü sowie ein anpassbares Grid, unterstützt die Hotkey-Navigation, lädt Daten aus externen und lokalen Quellen und kann die Oberfläche in die gewünschte Sprache lokalisieren.

Tipp

Das Benutzerhandbuch erleichtert Ihren Benutzern die Arbeit mit Spreadsheet.

Spreadsheet-Struktur

Toolbar

Der Abschnitt Toolbar ist sehr flexibel. Er enthält mehrere Standardblöcke mit Steuerelementen: "undo", "colors", "decoration", "align", "cell", "format", "actions". Sie können die Toolbar-Struktur ändern und weitere Blöcke hinzufügen oder eine eigene Reihenfolge der Blöcke festlegen.

DHTMLX Spreadsheet toolbar with undo, color, decoration, align, cell, format, and action controls

Sie können die Toolbar auch anpassen, indem Sie eigene Steuerelemente hinzufügen und die Konfiguration der Steuerelemente aktualisieren.

Bearbeitungszeile

Die Bearbeitungszeile erfüllt zwei Zwecke:

  • den Inhalt der ausgewählten Zelle bearbeiten
  • Änderungen in der aktuell bearbeiteten Zelle verfolgen

DHTMLX Spreadsheet editing line for editing cell content and tracking changes

Bei Bedarf können Sie die Bearbeitungszeile über die entsprechende Konfigurationsoption deaktivieren.

Grid

Das Grid ist eine Tabelle, deren Spalten durch Buchstaben und deren Zeilen durch Zahlen definiert sind. Eine Zelle des Grids wird daher durch den Buchstaben der Spalte und die Nummer der Zeile bezeichnet, zum Beispiel C3.

DHTMLX Spreadsheet grid with columns labeled by letters and numbered rows

Kontextmenü

Der Abschnitt Kontextmenü enthält 6 Einträge — Lock, Clear, Columns, Rows, Sort und Insert link — mit Untereinträgen.

DHTMLX Spreadsheet context menu with Lock, Clear, Columns, Rows, Sort, and Insert link options

Die Struktur des Kontextmenüs ist ebenfalls anpassbar. Sie können benutzerdefinierte Steuerelemente hinzufügen, die Konfiguration der Steuerelemente aktualisieren und nicht benötigte Steuerelemente entfernen.

Der Abschnitt Menü enthält mehrere Blöcke, die die am häufigsten verwendeten Optionen aus Toolbar und Kontextmenü für den schnellen Zugriff zusammenfassen.

Standardmäßig ist der Abschnitt Menü ausgeblendet, Sie können ihn jedoch über die entsprechende Konfigurationsoption aktivieren.

DHTMLX Spreadsheet menu section combining frequently used toolbar and context menu options

Sie können die Struktur des Menüs ändern, indem Sie benutzerdefinierte Steuerelemente verwenden, die Konfiguration der Steuerelemente aktualisieren und nicht benötigte Steuerelemente entfernen.

Wie geht es weiter

Jetzt können Sie DHTMLX Spreadsheet in Ihrer Anwendung einsetzen. Folgen Sie den Anweisungen des Tutorials Erste Schritte.

Um mehr über DHTMLX Spreadsheet zu erfahren, lesen Sie folgende Anleitungen: