В соответствии с документами 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. Я предполагаю, что мои рекомендации хороши, иначе я бы не получил сетку, чтобы показать ее вообще.