angularjs - Angular ui-grid 外部导出按钮

Question

我是使用 Angular UI-GRID 的新手，我需要为导出功能创建外部按钮，例如 PDF 导出 和 CSV 导出 类似 to this image .你知道我该怎么做吗？

我还需要一个打印按钮，但我在文档中没有看到它。此网格是否有打印行为？

谢谢，
埃内斯托

Answer 1

确保将 enableGridMenu 设置为 false。

并在 GridOptions 内部执行以下操作:

 'exporterCsvFilename' : 'clarification-status.csv',
            exporterCsvLinkElement: angular.element(document.querySelectorAll(".custom-csv-link-location")),
            onRegisterApi: function(gridApi){
                vm.gridApi = gridApi;

            },

然后你需要像这样使用 export csv 或 exportpdf 函数。

vm.exportCsv = function() {
            var grid = vm.gridApi.grid;
            var rowTypes = uiGridExporterConstants.ALL;
            var colTypes = uiGridExporterConstants.ALL;
            uiGridExporterService.csvExport(grid, rowTypes, colTypes);
        };

在您的 html View 中，您需要调用此 exportcsv() 函数，如下所示。

<img ng-src="public/images/excel-icon.png" ng-click="vm.exportCsv()" />