js实现导出Excel代码
excel
javascript
导出
本文主要和大家分享js实现导出Excel，主要以代码的形式和大家分享，希望能帮助到大家。
<%--
Created by IntelliJ IDEA.
User: Administrator
Date: 2017/7/10
Time: 13:39
To change this template use File | Settings | File Templates.
--%>
<%--按处室报表===--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/webpage/include/taglib.jsp" %>
<html>
<head>
<title>固定报表</title>
<meta name="decorator" content="default"/>
<script src="${ctxStatic}/excel/excellentexport.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
if(${fmOrgDurationDays.year==null}) {
$("#year").select2("val", 2017);
$("#year2").select2("val", 2017);
}
});
</script>
</head>
<body class="gray-bg">
<%--<include file="/webpage/demo/header.jsp" />--%>
<%--<link rel="import" href="/.../.../header.jsp>--%>
<p class="wrapper wrapper-content">
<p class="ibox">
<p class="ibox-title">
<h5>固定报表 </h5>
<p class="ibox-tools">
<a class="collapse-link">
<i class="fa fa-chevron-up"></i>
</a>
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<i class="fa fa-wrench"></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li><a href="#">选项1</a>
</li>
<li><a href="#">选项2</a>
</li>
</ul>
<a class="close-link">
<i class="fa fa-times"></i>
</a>
</p>
</p>
<p class="ibox">
<p class="ibox-content">
<p class="tabs-container">
<p>
<table>
<form:form id="searchForm" modelAttribute="fmOrgDurationDays"
action="${ctx}/fixedreport/fmOrgDurationDays/" method="post"
class="form-inline">
<input id="pageNo" name="pageNo" type="hidden"
value="${page.pageNo}" />
<input id="pageSize" name="pageSize" type="hidden"
value="${page.pageSize}" />
<table:sortColumn id="orderBy" name="orderBy"
value="${page.orderBy}" callback="sortOrRefresh();" />
<!-- 支持排序 -->
<tr>
<td><span>开始年<span style="color:red">*</span>：
</span></td>
<td>
<%--<form:select id="year" path="year" class="form-control m-b"><form:option value="" label=""/><form:options items="${fm_years}" htmlEscape="false"/></form:select>--%>
<%--<%–<form:input path="year" htmlEscape="false" maxlength="4" class=" form-control input-sm"/>–%>--%>
<form:select id="year" path="year" class="form-control m-b"
style="width:120px">
<form:options items="${fns:getDictList('fm_years')}"
itemLabel="label" itemValue="value" htmlEscape="false" />
</form:select>
</td>
<td><span>月<span style="color:red">*</span>：
</span></td>
<td><form:select path="month" class="form-control m-b"
style="width:100px">
<form:options items="${fns:getDictList('fm_months')}"
itemLable="label" itemValue="value" htmlEscape="false" />
</form:select> <%-- <form:input path="month" htmlEscape="false" maxlength="2" class=" form-control input-sm"/>--%>
</p></td>
<td><span>结束年<span style="color:red">*</span>：
</span></td>
<td>
<%--<form:select id="year" path="year" class="form-control m-b"><form:option value="" label=""/><form:options items="${fm_years}" htmlEscape="false"/></form:select>--%>
<%--<%–<form:input path="year" htmlEscape="false" maxlength="4" class=" form-control input-sm"/>–%>--%>
<form:select id="year2" path="year2" class="form-control m-b"
style="width:120px">
<%--<form:option value="" label=""/>--%>
<form:options items="${fns:getDictList('fm_years')}"
itemLabel="label" itemValue="value" htmlEscape="false" />
</form:select>
</td>
<td><span>月<span style="color:red">*</span>：
</span></td>
<td><form:select path="month2" class="form-control m-b"
style="width:100px">
<form:options items="${fns:getDictList('fm_months')}"
itemLable="label" itemValue="value" htmlEscape="false" />
</form:select> <%-- <form:input path="month" htmlEscape="false" maxlength="2" class=" form-control input-sm"/>--%>
</p></td>
<td><span>时长类型<span style="color:red">*</span> ：
</span></td>
<td><form:select path="customDuration.durationType"
class="form-control m-b" style="width:170px">
<form:option value="" label="" />
<form:options items="${fns:getDictList('fm_flowtype')}"
itemLabel="label" itemValue="value" htmlEscape="false" />
</form:select></td>
<td><span>出入境：</span></td>
<td><form:select path="fmItfDclIoDecl.expImpFlag"
class="form-control m-b" style="width:100px">
<form:option value="" label="" />
<form:options items="${fns:getDictList('fm_eoiflag')}"
itemLabel="label" itemValue="value" htmlEscape="false" />
</form:select></td>
</tr>
</form:form>
</table>
</p>
<p class="row">
<p class="col-sm-12">
<p class="pull-right">
<button class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="search()"><i
class="fa fa-search"></i> 查询
</button>
<button class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="reset()"><i
class="fa fa-refresh"></i> 重置
</button>
<a download="固定报表-按处室.xls" href="#" onclick="return ExcellentExport.excel(this, 'contentTable1', '固定报表');"
class="btn btn-primary btn-rounded btn-outline btn-sm "><i class="fa fa-file-excel-o"></i>导出</a>
</p>
</p>
</p>
<p class="tab-content">
<p id="tab-1" class="tab-pane active">
<p style="width:100%;overflow-x:scroll" >
<table id="contentTable1"
class="table table-striped table-bordered table-hover table-condensed dataTables-example dataTable no-footer" style="width:2000px">
<thead>
<tr class="hidden">
<th style="text-align: center; font-size: large" colspan="${cu.size() * 3 + 2}">固定报表（按处室统计）</th>
</tr>
<tr class="hidden">
<th style="text-align: center" colspan="${cu.size() * 3 + 2}"> </th>
</tr>
<tr>
<th rowspan="2" style="width:100px">分支机构</th>
<th rowspan="2" style="width:100px">处室代码</th>
<c:forEach items="${cu}" var="bu">
<th colspan="3">${bu.durationName}</th>
</c:forEach>
</tr>
<tr>
<c:forEach items="${cu}" var="bu">
<th>时长（天）</th>
<th>同比%</th>
<th>批次</th>
</c:forEach>
</tr>
</thead>
<tbody>
<c:if test="${map!=null&&map.size()>0}">
<c:forEach items="${map}" var="fm">
<tr>
<td>${fm.NAME}</td>
<td>${fm.ORGCODE}</td>
<c:forEach items="${cu}" var="bu">
<td><fmt:formatNumber type="number" value="${fm.get(bu.durationCol.concat('Duration'))}" maxFractionDigits="2"/></td>
<td><fmt:formatNumber type="number" value="${fm.get(bu.durationCol.concat('DurationRate'))*100}" maxFractionDigits="2"/>%</td>
<td>${fm.get(bu.durationCol.concat("Batch"))}</td>
</c:forEach>
</tr>
</c:forEach>
<tr>
<td colspan="2" align="center">总平均</td>
<c:forEach items="${cu}" var="bu">
<td><fmt:formatNumber type="number" value="${zj.get(bu.durationCol.concat('Duration'))}" maxFractionDigits="2"/></td>
<td><fmt:formatNumber type="number" value="${zj.get(bu.durationCol.concat('DurationRate'))*100}" maxFractionDigits="2"/>%</td>
<td>${zj.get(bu.durationCol.concat("Batch"))}</td>
</c:forEach>
</tr>
</c:if>
<c:if test="${map1!=null&&map1.size()>0}">
<c:forEach items="${map1}" var="fm">
<tr>
<td>
<c:forEach items="${dname}" var="dna">
<c:if test="${dna.CODE==fm.ORGCODE}">
${dna.NAME}
</c:if>
</c:forEach>
</td>
<td>${fm.ORGCODE}</td>
<c:forEach items="${cu}" var="bu">
<td>${fm.get(bu.startTimeCol)}</td>
<td><fmt:formatNumber type="number" value="${fm.get(bu.startTimeCol.concat('Rate'))*100}" maxFractionDigits="2"/>%</td>
<td>${fm.get(bu.endTimeCol)}</td>
</c:forEach>
</tr>
</c:forEach>
<tr>
<td colspan="2" align="center">总平均</td>
<c:forEach items="${cu}" var="bu">
<td>${zj.get(bu.startTimeCol)}</td>
<td><fmt:formatNumber type="number" value="${zj.get(bu.startTimeCol.concat('Rate'))*100}" maxFractionDigits="2"/>%</td>
<td>${zj.get(bu.endTimeCol)}</td>
</c:forEach>
</tr>
</c:if>
</tbody>
</table>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</body>
</html>登录后复制
相关推荐：
以上是js实现导出Excel代码的详细内容。更多信息请关注PHP中文网其他相关文章！
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
R.E.P.O.能量晶体解释及其做什么（黄色晶体）
2 周前
By 尊渡假赌尊渡假赌尊渡假赌
仓库：如何复兴队友
4 周前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险：如何获得巨型种子
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
击败分裂小说需要多长时间？
3 周前
By DDD
R.E.P.O.保存文件位置：在哪里以及如何保护它？
3 周前
By DDD
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
excel同时筛选3个以上关键词怎么操作
Mar 21, 2024 pm 03:16 PM
在日常办公中经常使用Excel来处理数据，时常遇到需要使用“筛选”功能。当我们在Excel中选择执行“筛选”时，对于同一列而言，最多只能筛选两个条件，那么，你知道excel同时筛选3个以上关键词该怎么操作吗？接下来，就让小编为大家演示一遍。第一种方法是将条件逐步添加到筛选器中。如果要同时筛选出三个符合条件的明细，首先需要逐步筛选出其中一个。开始时，可以先根据条件筛选出姓“王”的员工。然后单击【确定】，接着在筛选结果中勾选【将当前所选内容添加到筛选器】。操作步骤如下所示。 同样，再次分别执行筛选
excel打印表格框线消失怎么办
Mar 21, 2024 am 09:50 AM
如果在打开一份需要打印的文件时，在打印预览里我们会发现表格框线不知为什么消失不见了，遇到这样的情况，我们就要及时进行处理，如果你的打印文件里也出现了此类的问题，那么就和小编一起来学习下边的课程吧：excel打印表格框线消失怎么办？1、打开一份需要打印的文件，如下图所示。 2、选中所有需要的内容区域，如下图所示。 3、单击鼠标右键，选择“设置单元格格式”选项，如下图所示。 4、点击窗口上方的“边框”选项，如下图所示。 5、在左侧的线条样式中选择细实线图样，如下图所示。 6、选择“外边框”
excel表格兼容模式改正常模式的方法
Mar 20, 2024 pm 08:01 PM
在我们日常的工作学习中，从他人处拷贝了Excel文件，打开进行内容添加或重新编辑后，再保存的有时候，有时会提示出现兼容性检查的对话框，非常的麻烦，不知道Excel软件，可不可改为正常模式呢？那么下面就由小编为大家带来解决这个问题的详细步骤，让我们一起来学习吧。最后一定记得收藏保存。1、打开一个工作表，在工作表的名称中显示多出来一个兼容模式，如图所示。2、在这个工作表中，进行了内容的修改后保存，结果总是弹出兼容检查器的对话框，很麻烦看见这个页面，如图所示。 3、点击Office按钮，点另存为，然
excel上标应该如何设置
Mar 20, 2024 pm 04:30 PM
在处理数据时，有时我们会遇到数据包含了倍数、温度等等各种符号的时候，你知道excel上标应该如何设置吗？我们在使用excel处理数据时，如果不会设置上标，这可是会让我们的很多数据在录入时就会比较麻烦。今天小编就为大家带来了excel上标的具体设置方法。1.首先，让我们打开桌面上的MicrosoftOfficeExcel文档，选择需要修改为上标的文字，具体如图所示。2.然后，点击右键，在点击后出现的菜单中，选择“设置单元格格式”选项，具体如图所示。3.接下来，在系统自动弹出来的“单元格格式”对话框
excel阅读模式在哪里设置
Mar 21, 2024 am 08:40 AM
在软件的学习中，我们习惯用excel,不仅仅是因为需要方便，更因为它可以满足多种实际工作中需要的格式，而且excel运用起来非常的灵活，有种模式是方便阅读的，今天带给大家的就是：excel阅读模式在哪里设置。1、打开电脑，然后再打开Excel应用，找到目标数据。2、要想在Excel中，设置阅读模式，有两种方式。第一种：Excel中，有大量的便捷处理方式，分布在Excel中布局中。在Excel的右下角，有设置阅读模式的快捷方式，找到十字标志的图案，点击即可进入阅读模式，在十字标志的右边有一个小的三
excel中iif函数的用法
Mar 20, 2024 pm 06:10 PM
大部分用户使用Excel都是用来处理表格数据的，其实Excel还有vba程序编写，这个除了专人士应该没有多少用户用过此功能，在vba编写时常常会用到iif函数，它其实跟if函数的功能差不多，下面小编给大家介绍下iif函数的用法。Excel中SQL语句和VBA代码中都有iif函数。iif函数和excel工作表中的IF函数用法相似，执行真假值判断，根据逻辑计算的真假值，返回不同结果。IF函数用法是(条件，是，否)。VBA中的IF语句和IIF函数，前者IF语句是控制语句可以根据条件执行不同的语句，后者
PPT幻灯片插入excel图标的操作方法
Mar 26, 2024 pm 05:40 PM
1、打开PPT，翻页至需要插入excel图标的页面。点击插入选项卡。2、点击【对象】。3、跳出以下对话框。4、点击【由文件创建】，点击【浏览】。5、选择需要插入的excel表格。6、点击确定后跳出如下页面。7、勾选【显示为图标】。8、点击确定即可。
html怎么读取excel数据
Mar 27, 2024 pm 05:11 PM
html读取excel数据的方法：1、使用JavaScript库读取Excel数据；2、使用服务器端编程语言读取Excel数据。
