jquery easyui datagrid纯js导出到excel

最新推荐文章于 2024-09-17 13:50:09 发布

current_person

最新推荐文章于 2024-09-17 13:50:09 发布

阅读量1.8w

点赞数 2

本文链接：https://blog.csdn.net/current_person/article/details/50554884

版权

本文介绍了如何使用jQuery EasyUI的Datagrid通过JavaScript实现前端导出到Excel的功能。由于EasyUI的Datagrid本身不支持直接导出，文章提供了一种方法，利用getData获取JSON数据并生成Excel文件进行下载。由于采用后端分页，目前只能导出当前页数据，若需导出所有数据，可通过向后端发送请求生成Excel文件。

摘要由CSDN通过智能技术生成

说明:easyui本身的datagrid不支持导出excel,查了一些资料后的结合后端代码实现导出功能的都是C#, 下面的例子使用jquery前端代码导出excel

主要的方法是使用datagrid的getData方法得到json数据,然后将json数据生成excel文件下载

因为是后端分页,只能导出当前页的内容,如果要导出全部内容,可以向后台发送json请求,然后产生Excel文件,在这里不再演示,有兴趣的可以联系我,QQ:1633675284

1.html代码

<table id="tablef" class="easyui-datagrid" title="DBOSS系统--任务展示"
		style="width:100%;padding-top: 0px;"
		data-options="region:'center',border:false,rownumbers:true,pagination:true,url:'logoperate.htm',singleSelect:false,collapsible:true,toolbar:'#tb'">
		<thead>
			<tr>
				<th data-options="field:'ck',checkbox:true"></th>
				<th data-options="field:'status'">Status</th>
				<th data-options="field:'system'">System</th>
				<th data-options="field:'etl_job'">Etl_job</th>
				<th data-options="field:'etl_desc'">Etl_desc</th>
				<th data-options="field:'job_type'">Job_type</th>
				<th data-options="field:'frequency'">Frequency</th>
				<th data-options="field:'stream'">Stream</th>
				<th data-options="field:'dependency'">Dependency</th>
				<th data-options="field:'src_script'">Src_script</th>
				<th data-options="field:'is_timetrigger'">I

最低0.47元/天解锁文章