BootStrap框架下使用JS在浏览器中将后台返回给前台的数据以Excel文件导出

简介: jsp/html页面的代码如下:
+关注继续查看

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导出只能导出当前页的数据,不支持分页导出,后台的话可以,喜欢的就点个赞吧!!

相关文章
|
2天前
|
开发框架 前端开发 JavaScript
纪念基于JavaScript 实现的后台桌面 UI 设计
纪念基于JavaScript 实现的后台桌面 UI 设计
|
4月前
|
JavaScript 数据处理 索引
JS reduce方法对后台数据的处理案例(秒解决)
JS reduce方法对后台数据的处理案例(秒解决)
32 0
|
4月前
|
前端开发 JavaScript 开发者
phpcms之 后台登录连接不到js和css问题的解决
phpcms之 后台登录连接不到js和css问题的解决
|
5月前
|
前端开发 JavaScript 数据可视化
javascript逐行显示数据及php实时输出前端内容后台保持继续运行的解决方案(setTimeout定时器、flush和ob_flush函数、安装进度展示)
javascript逐行显示数据及php实时输出前端内容后台保持继续运行的解决方案(setTimeout定时器、flush和ob_flush函数、安装进度展示)
73 0
|
小程序 JavaScript
小程序后台传过来富文本内容,小程序展示文本——不用js
做项目过程中,经常遇到接口里传过来的内容是包含html标签的,但是样式又不全面,导致在小程序显示的时候,整个界面都是乱的。 这时候就要用到rich-text
|
JSON JavaScript 数据格式
ECharts动态获取后台传过来的json数据进行多个折线图的显示js
ECharts动态获取后台传过来的json数据进行多个折线图的显示js
681 0
|
前端开发 JavaScript
Bootstrap入门学习(二)——目录文件介绍
Bootstrap入门学习(二)——目录文件介绍
372 0
|
JavaScript
JFinal 参数校验插件扩展,让后台参数校验像js一样方式好用
一、插件实现 插件的功能就是加载校验规则,实现代码如下 package com.nmtx.plugins.validation; import java.util.Properties; import com.
|
JavaScript
JS端自己拼接一个表单进行提交:实现下载或者传参后台
JS端自己拼接一个表单进行提交:实现下载或者传参后台
|
JSON JavaScript 前端开发
前后台交互经常使用的技术汇总(后台:Java技术,前台:Js或者Jquery)
1:由于针对特定的前后台交互用到的知识总结,所以不大量贴代码,主要给出思路,方便自己以后脑补和技术总结,当然也希望可以帮助到别人。 后台Json和其他格式转化,之前总结过Json和对象,集合,字符串的转化或者互相转化,这里我想网上有很多demo。
1992 0
相关产品
云迁移中心
推荐文章
更多