我是 AngularJS ui-grid 的新手,也是导出器功能的第一次用户。
我正在尝试将导出菜单添加到在 groovy/grails 应用程序中运行的现有 ui-grid。
我使用这个例子作为指导:
http://ui-grid.info/docs/#/tutorial/206_exporting_data
我添加了必要的 javascript 实用程序文件 csv.js、pdfMake.js、vfs_fonts.js。
我在示例之后添加了 gridOptions 导出器选项。
我尝试明确设置 gridOptions
...
exporterMenuCsv: true,
exporterMenuPdf: true,
...
但是当它渲染网格菜单时,导出按钮都不见了,只有列选择按钮是可见的。我可以通过 FireBug 看到实用程序 javascript 文件已加载,并且没有报告错误。
我错过了什么会导致菜单中不生成导出按钮?
示例文档指出“请注意,仅当您选择了数据时,导出所选数据的选项才可见。”但是,在我的情况下,无论选择任何数据,都不会显示导出按钮。
我正在使用 ui-grid 3.0.0-rc.20
最佳答案
已解决:问题是由 Angularjs 模块的冗余定义引起的。
在我阅读以下内容后
Angular ui grid, change behavior of "Export all data as csv"
Angular ui-grid external export buttons
我试图将我自己的导出按钮显式定义到菜单,并得到一个“未知的提供程序错误”,然后我遇到了以下问题:
https://docs.angularjs.org/error/ $injector/unpr
那是当我意识到我有 不小心重新定义了我的模块 并在其中一个定义中省略了“ui.grid.exporter”,因为我在应用程序中使用了多个 AngularJS 文件。一旦我删除了额外的模块定义,导出按钮就会出现!
关于AngularJS ui-grid 导出菜单缺少导出按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34666030/