2016-08-08 29 views
0

Laut AG-Grid-Dokumente here gibt es eine Methode auf der gridOptions.api, die Datenexport der Tabelleninhalte ermöglicht. Wenn ich jedoch die Funktion ausführe, bekomme ich einfach den Fehler Object doesn't support property or method 'exportDataAsCsv'.exportDataAsCsv wird nicht unterstützt Eigenschaft oder Methode von gridOptions.api

Es ist in einer Richtlinie ausgeführt wird, die ein wenig wie folgt aussieht:

app.directive('myDirective', function() { 
restrict: 'E', 
template-url: "blah.html", 
link:{pre: function(scope,ele){ 
    var columnDefs = [ 
     { headerName: "Management Name", field: "ManagementName", width: 300 }, 
     { headerName: "Location", field: "Location", width: 150 }, 
     { headerName: "Backend System", field: "Vendor", width: 110 }, 
     { headerName: "Total Active Sites", field: "TotalActiveSites", width: 110 } 
    ]; 
    scope.gridOptions = { columnDefs: columnDefs, rowData: null } 
}, 

post: function (scope,ele) { 
    scope.exportCsv = function() { scope.gridOptions.api.exportDataAsCsv(); } 
    scope.gridOptions.rowData = dataList; 
    scope.gridOptions.api.onNewRows(); 
} 

Und mein html wie folgt aussieht:

<input placeholder="Filter..." type="text" ng-model="gridOptions.quickFilterText" /> 
<button ng-click="exportCsv()"> 
    <img id="btnExportToExcel" alt="CSV File" src="../images/Excel.gif" style="cursor:pointer;" tooltip-placement="bottom" uib-tooltip="Excel" /> 
</button> 
<div ag-grid="gridOptions" class="ag-blue" style="height:100%"></div> 

Das Gitter läuft gut, aber aus irgendeinem Grund hat es nicht glaube, dass diese Methode existiert. Irgendwelche Ideen, warum das sein könnte? Ich benutze Version 1.12 von ag-grid. Ich gehe davon aus, dass meine Referenzen alle gut sind, sonst würde ich gar kein Raster bekommen.

Antwort

0

exportDataAsCsv() wurde erst in der Version 2.0 eingeführt. Sie müssen auf eine neuere Version von ag-grid aktualisieren, die jetzt unter v5.x verfügbar ist.

Wenn Sie absolut mit v1.12 festgefahren sind, sollte es nicht zu schwer sein, Ihren eigenen CSV-Datenexporteur zu schreiben.

Hier ist ein Konzeptnachweis für JSFiddle, der JSON-Daten in das CSV-Format konvertiert und sie exportiert, damit der Benutzer sie speichern kann. Um dies zu verwenden, müssen Sie ihm nur die Daten aus dem ag-Grid (oder aus Ihrem eigenen Datenmodell, das Sie an ag-grid geliefert haben) geben.

Export ag-grid data as CSV