load()

Beschreibung

Lädt Daten aus einer externen Datei

Verwendung

load(url: string, type?: string): promise;

Parameter

• url - (erforderlich) die URL einer externen Datei
• type - (optional) der Typ der zu ladenden Daten: "json" (Standard), "csv", "xlsx"

Rückgabewert

Die Methode gibt ein Promise des Datenladevorgangs zurück

Beispiel

const spreadsheet = new dhx.Spreadsheet("spreadsheet", {});
spreadsheet.parse(data);

// Daten im JSON-Format laden (Standard)
spreadsheet.load("../common/data.json");

// Daten im CSV-Format laden
spreadsheet.load("../common/data.csv", "csv");

// Daten im Excel-Format laden (nur .xlsx)
spreadsheet.load("../common/data.xlsx", "xlsx");

Verwandte Beispiele:

• Spreadsheet. Daten laden

• Spreadsheet. CSV laden

• Spreadsheet. Xlsx importieren

Info

Die Komponente führt einen AJAX-Aufruf durch und erwartet, dass die Remote-URL gültige Daten liefert.

Das Laden von Daten ist asynchron. Daher müssen Sie jeden Code, der nach dem Laden ausgeführt werden soll, in ein Promise einbetten:

spreadsheet.load("../some/data.json").then(function(){
    spreadsheet.selection.add(123);
});

Excel-Daten laden

Hinweis

Die Komponente unterstützt nur den Import aus Excel-Dateien mit der Erweiterung .xlsx.

DHTMLX Spreadsheet verwendet die WebAssembly-basierte Bibliothek Excel2Json, um Daten aus Excel zu importieren. Details ansehen.

JSON-Dateien laden

Sie können Benutzern ermöglichen, eine JSON-Datei über den Datei-Explorer in das Spreadsheet zu laden. Gehen Sie dazu wie folgt vor:

• Geben Sie eine Schaltfläche an, um den Datei-Explorer zu öffnen, in dem ".json"-Dateien ausgewählt werden können:

<section class="dhx_sample-controls">
    <button class="dhx_sample-btn dhx_sample-btn--flat" onclick="json()">Import json</button>
</section>

• Rufen Sie die Methode load() mit zwei Parametern auf: einem leeren String als URL und dem Typ der zu ladenden Daten ("json"):

const spreadsheet = new dhx.Spreadsheet("spreadsheet", {
    menu: true,
});

spreadsheet.parse(dataset);

function json() {
    spreadsheet.load("", "json"); // lädt Daten aus einer .json-Datei
}

Sehen Sie das Beispiel.

Changelog: Die Möglichkeit, eine JSON-Datei über den Datei-Explorer zu laden, wurde in v4.3 hinzugefügt

Verwandter Artikel: Datenladen und -export