2016-08-08 5 views
0

В соответствии с документами AG-Grid here существует метод на gridOptions.api, который позволяет экспортировать данные таблицы. Однако всякий раз, когда я запускаю функцию, я просто получаю ошибку Object doesn't support property or method 'exportDataAsCsv'.exportDataAsCsv не поддерживается свойство или метод gridOptions.api

Это работает в директиве, которая выглядит немного как это:

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(); 
} 

И мой HTML выглядит следующим образом:

<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> 

Сетка работает отлично, но по какой-то причине он не что этот метод существует. Любые идеи о том, почему это может быть? Я использую версию 1.12 ag-grid. Я предполагаю, что мои рекомендации хороши, иначе я бы не получил сетку, чтобы показать ее вообще.

ответ

0

exportDataAsCsv() не был представлен до версии 2.0. Вам нужно будет перейти на более новую версию ag-grid, которая теперь находится на уровне v5.x.

Если вы абсолютно застряли в v1.12, вам не должно быть слишком сложно написать собственный экспортер данных CSV.

Вот доказательство концепции JSFiddle, которая преобразует данные JSON в формат CSV и экспортирует его, чтобы пользователь мог его сохранить. Чтобы использовать это, вам просто нужно предоставить данные из аг-сетки (или из вашей собственной модели данных, которую вы поставили в аг-сетку в первую очередь).

Export ag-grid data as CSV

Смежные вопросы