EasyUI 导出数据表格 （Export DataGrid）

Posted 2021-02-19 popo1

加載引用 ‘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文件 代码实例: $(‘#dg‘).datagrid(‘toExcel‘, ‘datagrid.xls‘); $(‘#dg‘).datagrid(‘toExcel‘, { filename: ‘datagrid.xls‘, worksheet: ‘Worksheet‘ }); // export with customized rows $(‘#dg‘).datagrid(‘toExcel‘, { filename: ‘datagrid.xls‘, rows: rows, worksheet: ‘Worksheet‘ });
print	title	打印datagrid。 代码实例: $(‘#dg‘).datagrid(‘print‘, ‘DataGrid‘); // print with customized rows $(‘#dg‘).datagrid(‘print‘, { title: ‘DataGrid‘, rows: rows });