EasyUI 導出數據表格 （Export DataGrid）

加載引用 '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 });