🎈个人公众号:🎈 :✨✨ 可为编程 ✨✨ 🍟🍟
🔑个人信条:🔑知足知不足 有为有不为 为与不为皆为可为🌵
🍉本篇简介:🍉 本片详细说明了BootStrap框架下使用JS在浏览器中将后台返回给前台的数据以Excel文件导出,并给出具体操作实例,如有出入还望指正。关注公众号【可为编程】回复【面试】领取年度最新面试题大全!!!
BootStrap框架下使用JS在浏览器中将后台返回给前台的数据以Excel文件导出
jsp/html页面的代码如下:
<div class="tab-pane active" id="yjjqInfo">
<div class="p-sm border no-top-border">
<button type="submit" class="btn btn-warning start export-btn_yjjq lbox-btn">
<i class="glyphicon glyphicon-export" aria-hidden="true"></i>
<span>导出Excel</span>
</button>
<div class="row">
<div class="col-md-12">
<table class="table table-bordered text-center table_ellipsis" id="yjjqInfo_table" style="width: 100%">
</table>
</div>
</div>
</div>
</div>
JS代码如下:
$(".export-btn_yjjq").on("click", function () {
var index = $(".table_ellipsis").attr('id');
var tableChild = $('#' + index);
shinow.detailExportData(tableChild);
});
//详情页导出
detailExportData: function (flag) {
// $(options.exportBtnSelector).click(function () {
var table = flag;
var footerDiv = $(".fixed-table-footer");
if (footerDiv.length > 0) {
var tr = footerDiv.find("tr")[0].outerHTML;
table.find("tbody").append(tr);
}
var tablefooter = table.find("tfoot");
if (tablefooter.length > 0) {
table.find("tfoot").remove();
table.find("tbody").after(tablefooter[0].outerHTML);
}
/*console.log(table[0]);*/
shinow.exprot(table[0]);
// });
},
前端js导出只能导出当前页的数据,不支持分页导出,后台的话可以,喜欢的就点个赞吧!!
这里是一个真诚的***青年技术交流QQ群:761374713***,不管你是大学生、社畜、想学习变成的其他人员,欢迎大家加入我们,一起成长,一起进步,真诚的欢迎你,不管是技术,还是人生,还是学习方法。有道无术,术亦可求,有术无道,止于术。
欢迎大家关注【可为编程】,成长,进步,编程,技术、掌握更多知识!