首页 > 其他 > 详细

EasyUI 导出数据表格 (Export DataGrid)

时间:2020-05-13 13:05:19      阅读:127      评论:0      收藏:0      [点我收藏+]

加載引用 ‘datagrid-export.js‘ 文件

  1. <script type="text/javascript" src="datagrid-export.js"></script>

导出数据表格

  1. $(‘#dg‘).datagrid(‘toExcel‘,‘dg.xls‘); // export to excel     下載Excel     
  2. $(‘#dg‘).datagrid(‘print‘,‘DataGrid‘); // print the datagrid   打印

 

例:1.添加下載功能按鈕

            技术分享图片

 

  2.綁定onclick事件

  技术分享图片

 

   3.js Dome

技术分享图片 

 

创建PDF文档,可以使用pdfmake 库。

  1. var body = $(‘#dg‘).datagrid(‘toArray‘);
  2. var docDefinition = {
  3. content: [{
  4. table: {
  5. headerRows: 1,
  6. widths: [‘*‘,‘*‘,‘*‘,‘*‘,‘auto‘,‘*‘],
  7. body: body
  8. }
  9. }]
  10. };
  11. pdfMake.createPdf(docDefinition).open();

方法

下面的方法继承datagrid:

名称参数描述
toHtml rows 导出html表。
toArray rows 导出数组数据。
toExcel param 导出excel文件

代码实例:

  1. $(‘#dg‘).datagrid(‘toExcel‘, ‘datagrid.xls‘);
  2. $(‘#dg‘).datagrid(‘toExcel‘, {
  3. filename: ‘datagrid.xls‘,
  4. worksheet: ‘Worksheet‘
  5. });
  6. // export with customized rows
  7. $(‘#dg‘).datagrid(‘toExcel‘, {
  8. filename: ‘datagrid.xls‘,
  9. rows: rows,
  10. worksheet: ‘Worksheet‘
  11. });
print title 打印datagrid。

代码实例:

  1. $(‘#dg‘).datagrid(‘print‘, ‘DataGrid‘);
  2. // print with customized rows
  3. $(‘#dg‘).datagrid(‘print‘, {
  4. title: ‘DataGrid‘,
  5. rows: rows
  6. });

EasyUI 导出数据表格 (Export DataGrid)

原文:https://www.cnblogs.com/popo1/p/12881162.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!