Webanwendungen und Schnittstellen erfordern häufig die Möglichkeit, eine Tabelle mit Daten im Excel-Format zu exportieren. Kendo Grid, eine beliebte JavaScript-Bibliothek für die Arbeit mit Tabellen, bietet eine einfache und bequeme Lösung zum Exportieren von Daten.
Wie verwende ich Kendo Grid, um Daten nach Excel zu exportieren?
Zuerst müssen Sie das Kendo Grid konfigurieren, die Tabellenstruktur definieren und die erforderlichen Daten verbinden. Anschließend müssen Sie eine Schaltfläche oder ein Steuerelement hinzufügen, um den Exportvorgang zu starten. Methode kendoGrid() und Eigenschaft toolbar sie können eine Reihe von Werkzeugen zum Exportieren einer Tabelle hinzufügen.
// Kendo Grid-Einstellungscode
$("#grid").kendoGrid(
// Definieren der Tabellenstruktur und der Daten
columns: [
< field: "id", title: "ID" >,
< field: "name", title: "Имя" >,
< field: "email", title: "Email" >
],
dataSource:
// Datenverbindung
data: [
< id: 1, name: "Иван", email: "[email protected]" >,
< id: 2, name: "Алексей", email: "[email protected]" >,
< id: 3, name: "Мария", email: "[email protected]" >
]
>,
// Hinzufügen einer Exportschaltfläche
toolbar: [
name: "excel",
template: 'Nach Excel exportieren'
>
]
>);
Im nächsten Schritt müssen Sie einen Ereignishandler für die Exportschaltfläche hinzufügen. In diesem Handler muss die Instanz initialisiert werden kendo.ooxml.Workbook, fügen Sie ein Blatt hinzu und füllen Sie es mit Daten aus dem Kendo Grid aus. Anschließend können Sie das erstellte Dokument mithilfe der Methode speichern saveAs.
// Ereignishandler für die Exportschaltfläche
$("#grid").kendoGrid(
// . der Kendo Grid-Konfigurationscode.
// Hinzufügen einer Exportschaltfläche
toolbar: [
name: "excel",
template: 'Nach Excel exportieren',
click: function(e)
// Erstellen einer Workbook-Instanz
var workbook = new kendo.ooxml.Workbook(
sheets: [
columns: [
< autoWidth: true >,
< autoWidth: true >,
< autoWidth: true >
],
Tabellenzeilen: [
Hautzellen: [
< value: "ID" >,
< value: "Имя" >,
< value: "Email" >
]
>,
Hautzellen: [
< value: 1 >,
< value: "Иван" >,
< value: "[email protected]" >
]
>,
Hautzellen: [
< value: 2 >,
< value: "Алексей" >,
< value: "[email protected]" >
]
>,
Hautzellen: [
< value: 3 >,
< value: "Мария" >,
< value: "[email protected]" >
]
>
]
>]
>);
// Сохранение документа
kendo.SaveAs(
dataURI: Arbeitsmappe.toDataURL(),
Dateiname: "exportieren.xlsx"
>);
>
>
]
>);
Auf diese Weise können Sie mit Kendo Grid Daten einfach und schnell im Excel-Format exportieren und Benutzern die Möglichkeit geben, eine Tabelle mit allen Daten herunterzuladen.
Geschichte und Funktionen von Kendo Grid
Die erste Version von Kendo UI wurde 2011 veröffentlicht und hat seitdem bei Entwicklern große Popularität gewonnen. Kendo Grid ist eine der beliebtesten Komponenten von Kendo UI und wird aktiv zum Anzeigen und Bearbeiten von Tabellendaten verwendet.
Kendo Grid bietet viele Möglichkeiten, mit Daten zu arbeiten. Mit Kendo Grid können Sie Daten direkt auf dem Client filtern, sortieren und gruppieren. Darüber hinaus unterstützt Kendo Grid eine Paginierungsfunktion, mit der Sie große Datenmengen für eine einfache Anzeige in Seiten aufteilen können.
Einer der Hauptvorteile von Kendo Grid ist die Möglichkeit, Daten im Excel-Format zu exportieren. Mit Kendo Grid können Sie Daten problemlos exportieren, einschließlich der Spaltenüberschriften und der Berücksichtigung aller angewendeten Filter und Sortierungen. Dies ist eine sehr nützliche Funktionalität für Benutzer, die Daten in Excel speichern und analysieren möchten.
- Unterstützung für Skins: Kendo Grid lässt sich leicht anpassen und ermöglicht die Auswahl aus vielen verfügbaren Skins. Dadurch kann die Webanwendung modern aussehen und dem gesamten Designstil entsprechen.
- Möglichkeit zum Anpassen von Filtern und Sortierungen: Kendo Grid bietet flexible Werkzeuge zum Erstellen und Anpassen von Filtern und Sortierungen. Auf diese Weise können Benutzer bequem mit den Daten arbeiten und die benötigten Informationen finden.
- Unterstützung für verschiedene Datentypen: Kendo Grid funktioniert problemlos mit verschiedenen Datentypen, einschließlich Zahlen, Strings, Datumsangaben und anderen.
- Möglichkeit, das Aussehen anzupassen: Mit Kendo Grid können Sie das Aussehen einer Tabelle anpassen, einschließlich Zeilen- und Zellstilen, Spaltenbreiten und anderen Aspekten.
Mit all diesen Funktionen ist Kendo Grid ein sehr leistungsfähiges Werkzeug für die Arbeit mit Tabellendaten in Webanwendungen. Es bietet Entwicklern und Anwendern eine benutzerfreundliche Oberfläche zum Anzeigen, Filtern und Analysieren von Daten sowie zum Exportieren von Daten zur weiteren Verarbeitung nach Excel.
