在Angular ui-grid中删除导出为pdf选项

时间:2015-07-21 05:38:27

标签: angularjs angular-ui-grid

有没有办法从ui-grid下拉菜单中删除导出为pdf的选项?我想保留导出到csv的能力,但无法在不删除所有导出功能的情况下弄清楚如何删除pdf功能。

我从文档中编辑了this plunker,以删除与pdf导出器相关的所有脚本和JavaScript。这有效地禁用了该功能,但仍可从菜单中选择导出为pdf。

app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
  $scope.gridOptions = {
    columnDefs: [
      { field: 'name' },
      { field: 'gender', visible: false},
      { field: 'company' }
    ],
    enableGridMenu: true,
    enableSelectAll: true,
    exporterCsvFilename: 'myFile.csv',
    exporterCsvLinkElement: angular.element(document.querySelectorAll(".custom-csv-link-location")),
    onRegisterApi: function(gridApi){
      $scope.gridApi = gridApi;
    }
  };

2 个答案:

答案 0 :(得分:26)

在您的plunker的第12行添加以下网格选项(默认值为true):

 exporterMenuPdf: false,

导致类似:

app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
  $scope.gridOptions = {
    columnDefs: [
      { field: 'name' },
      { field: 'gender', visible: false},
      { field: 'company' }
    ],
    enableGridMenu: true,
    enableSelectAll: true,
    exporterMenuPdf: false, // ADD THIS
    exporterCsvFilename: 'myFile.csv',
    exporterCsvLinkElement: angular.element(document.querySelectorAll(".custom-csv-link-location")),
    onRegisterApi: function(gridApi){
      $scope.gridApi = gridApi;
    }
  };

有关所有可能的选项,请参阅http://ui-grid.info/docs/#/api/ui.grid.exporter.api:GridOptions

答案 1 :(得分:2)

使用以下选项隐藏Excel导出选项

exporterMenuExcel: false

Detail explanation about this parameters