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

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

导出数据表格

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

 

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

            EasyUI 导出数据表格 (Export DataGrid)_Export DataGrid

 

  2.綁定onclick事件

  EasyUI 导出数据表格 (Export DataGrid)_EasyUI_02

 

   3.js Dome

EasyUI 导出数据表格 (Export DataGrid)_Export DataGrid_03 

 

创建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:

名称参数描述
toHtmlrows导出html表。
toArrayrows导出数组数据。
toExcelparam导出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. });
printtitle打印datagrid。

代码实例:

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