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

dsal1951

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

从文档中编辑了此插件,以删除与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;
    }
  };
挑战

在插件的第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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在angular js ui Grid中的pdf导出中删除一些列

来自分类Dev

Kendo UI Grid 从 PDF 导出中删除 HTML 元素的轮廓

来自分类Dev

如何正确删除ui.grid Angular JS所选项目

来自分类Dev

Angular UI Grid演示错误

来自分类Dev

UI网格在Angular-UI选项卡中消失

来自分类Dev

如何从 Angular UI-router 中删除 #

来自分类Dev

Angular Ui-grid-导出到Excel ui-grid错误

来自分类Dev

Angular UI 网格中的 getSelectedRows

来自分类Dev

Angular UI Grid将焦点设置为导航单元

来自分类Dev

使用Angular UI / Bootstrap UI隐藏选项卡标题

来自分类Dev

如何使用Angular UI选项卡和UI Grid重新绘制表?

来自分类Dev

如何在angular-ui-grid中为特定值上的行着色?

来自分类Dev

Angular ui Grid如何显示加载程序

来自分类Dev

禁用Angular UI Grid列菜单动画

来自分类Dev

Angular ui.grid分页与分页

来自分类Dev

AngularJS + RequireJS + angular-ui-grid

来自分类Dev

未收到Angular UI Grid回调

来自分类Dev

在angular-ui-select多选模式中禁用选择的选项

来自分类Dev

如何删除双框-Angular UI Select

来自分类Dev

传递的Angular UI Modal数据为null

来自分类Dev

Angular UI Grid 3.x版本中的“操作”按钮

来自分类Dev

如何在Angular Ui Grid中过滤每行下拉值

来自分类Dev

无法在Angular UI-Grid中显示安全的html

来自分类Dev

Angular UI Grid不更新单元格中的指令

来自分类Dev

如何在Angular Ui Grid中过滤每行下拉值

来自分类Dev

Angular ui grid pagination - 页面显示中的项目数

来自分类Dev

组合多个json并在Angular UI Grid中显示

来自分类Dev

Angular-Bootstrap UI选项卡:“删除”选项卡选项

来自分类Dev

在Angular应用中的哪里编写UI逻辑?

Related 相关文章

热门标签

归档