GridManager 导出

GridManager导出功能

拭目以待 发布于

GridManager 具有表格数据导出功能,该功能为纯前端实现,对后端无依赖。

1.初始化时指定启用导出功能。方式如下:

<table grid-manager="demo-export"></table>


var table = document.querySelector('table[grid-manager="demo-export"]')
table.GM({
    ajax_url: 'http://www.lovejavascript.com/learnLinkManager/getLearnLinkList'
    ,ajax_type: 'POST'
    ,supportAjaxPage: true
    ,supportExport:true  // 配置启用导出功能, 默认即为true
    ,query: {pluginId: 1}
    ,i18n: 'en-us'
    ,columnData: [
        {
            key: 'name',
            text: 'name'
        },{
            key: 'info',
            text: 'info'
        },{
            key: 'url',
            text: 'url',
            template: function(url, rowObject){
                return '<a style="color:#337ab7;" href="'+url+'" target="_blank">点击跳转</a>';
            }
        },{
        key: 'action',
        remind: 'the action',
        width: '100px',
        text: '操作',
        template: function(action, rowObject){
            return '<a style="color:#337ab7;" href="javascript:;" onclick="testEditFN()" learnLink-name="'+rowObject.name+'">编辑</a>';
        }
    }]
});


在线执行


2.渲染完成后,通过 exportGridToXls 方法进行调用

table.GM('exportGridToXls', fileName, onlyChecked);


在线执行

exportGridToXls方法,参数说明: 

fileName: 导出后使用的文件名,如果不设置将使用插件配置项gridManagerName。

onlyChecked: 是否仅导出选中的项, 默认为false


注意事项

  1. 无法导出所有数据,仅可对当前显示的数据进行导出。如果存在导出全部的功能,需要自行实现。

  2. 导出功能的操作界面为右键菜单,如果在初始化时配置 supportMenu=false, 那么导出即使生效也无法通过界面操作。