AngularJS ui-grid 导出菜单缺少导出按钮答案

【问题标题】：AngularJS ui-grid export menu missing export buttonsAngularJS ui-grid 导出菜单缺少导出按钮
【发布时间】：2016-01-07 22:05:13
【问题描述】：

我是 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 grails angular-ui-grid

【解决方案1】：

已解决：问题是由 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 文件.一旦我删除了额外的模块定义，导出按钮就会出现！

【讨论】：

【解决方案2】：

这与加载选项和数据的顺序有关。在加载数据之前加载您的网格选项。

//call this when page constaining grid loads
$scope.loadPage = function(){
  $scope.gridOptions = {
        columnDefs: [
            { field: 'field1'},
            { field: 'field2'},
            { field: 'rhs' }
        ],
  enableGridMenu: true
  }
}

//call this when payload is available
$scope.gridOptions.data = data;

【讨论】：