2015-12-16 30 views
2

我有一个网格有一个外部的“显示详细信息”选项,这将增加更多的列到网格。如何在angular-ui-grid上自定义导出网格菜单?

Grid with an external show details button showing export menu

的问题是“导出所有数据”与“导出可视化数据”成为在这一点欺骗。

我知道可见数据是什么数据加载,但在这种情况下,所有的数据一次加载。因此,用户会认为“可见数据”会是他们所看到的,“所有数据”也会包含在单击“显示详细信息”时添加的列,但不幸的是情况并非如此。

是否可以自定义网格菜单? 或者至少隐藏“导出可见数据”选项?

请帮忙!谢谢。

参考:http://ui-grid.info/docs/#/api/ui.grid.exporter.api:GridOptions

回答

3

早上好

我在我的项目有同样的问题,我用在选项以下配置:

您可以隐藏用于导出UI格菜单项通过使用 exporterMenuPdf:假的, exporterMenuCsv:假的,

要添加一些自定义的菜单项,就可以使用 gridMenuCustomItems:[ { 图标:'fa fa-print', title:'菜单项的文本', action:function($ event){ self.someFunction(); }, 顺序为:100 } ],

希望它可以帮助...

电贺 基督教

+0

感谢。它有很多帮助。这是我的plnkr:http://plnkr.co/edit/OMTCvaNbjHKVjNBQrXno?p=preview – RedApple

+0

它在plnkr中完美运行。当我下载并引用本地json文件时,只需在我的电脑上单独制作,即独立版本(即没有互联网)就说跨域问题。有人可以帮助我如何使它在本地系统或文件夹中工作 - 我将把html,json,css和javascript放在同一个文件夹中。 – Kathir