ExtJS4 generiert dynamisch einen Rasterexport nach Excel example

ExtJS4 generiert dynamisch einen Rasterexport nach Excel example_extjs

WBOY

Freigeben： 2016-05-16 16:50:32

Original

1858 Leute haben es durchsucht

Nach langer Suche habe ich einige Beispiele gefunden. Die meisten wissen nicht, wie man sie verwendet, weil ich Anfänger bin. .

Ich habe den Quellcode studiert und schließlich die Grundlagen zum Herunterladen erreicht. Es wurde ein kleiner Fehler behoben, der dazu führte, dass die Tabelle nicht wiederholt heruntergeladen werden konnte, und ein Fehler, der bei der Verwendung der Rasterinitialisierung auftrat

Die Schritte sind unten aufgeführt. Vielleicht ist es beim nächsten Mal nützlich

1. Zum Herunterladen ist js-Code erforderlich. Ich habe ihn hochgeladen

2. Fügen Sie einen Verweis auf Ihre HTML-Datei hinzu Mit freundlichen Grüßen, das Folgende ist mein Weg

Code kopieren Der Code lautet wie folgt:

< ;script type = „text/javascript“ src = „../export/export-all.js“ >;

3 Sie möchten

am Anfang von onReady() hinzufügen. Der Code lautet wie folgt: Ext.Loader.setConfig ({ aktiviert: true });

Ext.Loader.setPath('Ext.ux.exporter', '../export/exporter'); .require([

'Ext.ux .exporter.Exporter' 
] 

Legen Sie den Namensraum fest. . Achten Sie auf den Pfad 

4. Verwenden Sie ihn im Code und fügen Sie

an der entsprechenden Stelle im Raster hinzu, an der Sie die Funktion herunterladen müssen. Kopieren Sie den Code

Der Code lautet wie folgt: xtype: 'exporterbutton', // store: store

component: Ext.getCmp( 'gird_a')

 
Dies sind zwei Möglichkeiten, Excel zu initialisieren. Eine besteht darin, mit dem Store zu initialisieren und dabei die Felder und Daten des Stores zu verwenden Die Spaltennamen sind auf Englisch. Ich habe diese Methode nicht verwendet, sondern direkt mit dem Raster initialisiert. 

Das Folgende habe ich basierend auf dem Code anderer Leute geändert

1 In Zeile 40 von exporter.js wurde es in

Code kopieren

Der Code lautet wie folgt: var columns = Ext.Array.filter(grid.columnManager.columns,

Der ursprüngliche Code hatte „grid.columns“ im ersten Parameter. Später stellte ich fest, dass die Spalten des dynamisch generierten Rasters nach der Neukonfiguration in „columnManager.columns“ platziert wurden, also habe ich es wie folgt geändert

2 . Fügen Sie in workbook.js in Zeile 77.78 zwei Sätze hinzu:

Kopieren Sie den Code

Der Code lautet wie folgt: this.styles =[]; this.worksheets=[];

Die obigen 2 Codezeilen führen eine Initialisierung durch, andernfalls verursacht Excel jedes Mal einen Formatfehler wird generiert, weil die vorherigen Daten nicht gelöscht werden 

Nach den oben genannten einfachen Änderungen kann ein Raster nach Belieben exportiert werden, und der Tabellenexport benutzerdefinierter Felder wird unterstützt, d. h. der in der Exporttabelle angezeigten Spalten 

Das Rendering ist hier: