再把网页页面数据进行分页之后，再用jquery.table2excel.js插件进行导出excel，只能导出每一页的数据，总的数据无法导出？
const visiblePages = 20; //每页显示多少条数据
var nowPage = 1;
$(function () {
$('#pagination-demo').twbsPagination({
totalPages: 3,//总页数的设置
visiblePages: 6,//当前可视页数的设置
first: '首页',//首页中文设置
prev: '上一页',//上一页中文设置
next: '下一页',//下一页中文设置
last: '尾页',//尾页中文设置
onPageClick: function (event, page) {
console.log('点击了' + page);
//page 为当前点击页面码
$('#page-content').text('Page ' + page);
}
});
});
//接收token
var infostr = sessionStorage.token;
var token = JSON.parse(infostr);
console.log(token);
$(function () {
//获取图书借阅信息接口
$.ajax({
url: '',
headers: { 'Authorization': token },
type: 'GET',
dataType: 'json',
success: function (res) {
console.log(res);
window.totalCount = (res.data.length / visiblePages)
if(res.stateCode == 0){
showTableData(1,res.data);
getPagination(1, (res.data.length / visiblePages),res.data);
}
},
error: function (e) {
console.log(e)
}
})
})
//分页器-控制分页
const $pagination = $('#pagination-demo')
function getPagination(startPage, totalPage, data) {
//当总页数发生变化时,在开启构建新的分页器前把原先的分页器销毁掉
$pagination.twbsPagination('destroy');
$pagination.twbsPagination({
//totalPages 分页器总页数的设置
totalPages: totalPage,
//startPage 分页器起始页的设置
startPage: startPage,
first: '首页',
prev: '上一页',
next: '下一页',
last: '尾页',
visiblePages: 7,
onPageClick:(event, page) =>{
//参数page为当前点击的页数,通过window可以将page暴露到全局,便于后续删除元素功能操作
window.page = page
console.log('点击了那页' + page);
//当前点击页面不为上一次的页面则调用请求函数进行数据刷新并渲染
if (nowPage !== page) {
this.nowPage = page
showTableData(page,data)
}
}
});
};
//渲染表格
function showTableData(page,data) {
$("#asd tr:not(:first)").empty(""); //先清除除第一行标题外所有行
for (var i = (page-1) * visiblePages; i < (page * visiblePages); i++) {
//填充table
var datetime = data[i].borDate.replace(/T/g, ' ').replace(/.[\d]{3}Z/, ' ');
console.log(datetime);
var r = i + 1;//定义id序号从1开始
var trTD =
"" +
r + "" +
datetime + "" +data[i].bookProperty
+"" + data[i].bookName+ "" + data[i].userName + ""
+ data[i].userId +"" + data[i].userFaculty +""
+ data[i].userGender+
"";
$("#asd").append(trTD);
}
};
//页面元素删除避免直接跳转首页以及尾页最后一条数据删除后往前跳一页的设置
$('tbody').on('click', '.btn-delete', function () {//设置点击的事件委托
const aId = $(this).attr('data-id')//获取对应元素的Id作为请求的数据
$.ajax({
type: "post",
url: BigNew.comment_delete,
data: {
id: aId
},
dataType: "json",
success(response) {
if (response.code === 200) {
alert(response.msg)
//如果当前为尾页最后一条数据且总数据数不唯一,则对调用请求函数请求页面为(page - 1)的数据,
//同时请求函数内调用的分页器函数也传递了(page - 1)作为起始页进行刷新
//然后 return 函数不再往下走
if (totalCount % 10 === 1 && totalCount !== 1) {
getCommentList(page - 1)
return;
}
//由于还不是页面最后一条数据.正常调用请求当前页面的数据
getCommentList(page)
}
}
});
});
//table列宽拖动
$( function(){
$("#asd").colResizable({
liveDrag: true,
gripInnerHtml: "
draggingClass: "dragging",
resizeMode: 'fit',
minWidth: 80,//列宽最小值
});
});
//elexe表格导出
function Btn() {
$("#asd").table2excel({ //这里要选择table标签 我这里是用id选择 也可$('table').table2excel()
exclude: '.noExl', //不被导出表格行的class类
name: "Excel Document Name",//文档名称
filename: "流通信息表", //文件名称
exclude_img: true, //是否导出图片
exclude_links: true,//是否导出超链接
exclude_inputs: true//是否导出input框中的内容
});
}
