我是 Angular UI-GRID 的新手，我需要为导出功能创建外部按钮，例如PDF导出 and CSV 导出相似的到这张图片 https://i.stack.imgur.com/kNkQH.png。你知道我该怎么做吗？
我还需要一个“打印”按钮，但我在文档中没有看到它。该网格有打印行为吗？
谢谢你，
埃内斯托
看看ui-grid.exporter 源代码 https://github.com/angular-ui/ui-grid/blob/ac1d75e/src/features/exporter/js/exporter.js#L30（这将专门解决 pdf 导出问题，该导出从 ~line 972 开始，但您也可以将其应用于 csv 用例），您需要在 html 中创建一个外部按钮，然后将uiGridExporterService's pdfExport()通过按钮功能ng-click。根据代码，pdfExport函数采用三个参数：grid、rowTypes 和 colTypes。要获取网格对象，请使用$scope.gridApi.grid，后两者需要设置为常量--uiGridExporterConstants.ALL, uiGridExporterConstants.SELECTED, or uiGridExporterConstants.VISIBLE-- 取决于您要导出的内容。确保注射uiGridExporterService and uiGridExporterConstants在你的模块中。
查看这个笨蛋 http://plnkr.co/edit/q3lRNudCKoj7jaqhZDyD?p=preview我改编自 ui-grid 文档。相关位：
<div ui-grid="gridOptions" ui-grid-selection ui-grid-exporter class="grid"></div>
<button ng-click="exportPdf()">PDF</button>
$scope.exportPdf = function() {
var grid = $scope.gridApi.grid;
var rowTypes = uiGridExporterConstants.ALL;
var colTypes = uiGridExporterConstants.ALL;
uiGridExporterService.pdfExport(grid, rowTypes, colTypes);
};
希望有帮助！
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
