当前第2页 返回上一页
优化:对应的代码是上面第二段js代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | $( ".export" ).click( function (){
var ins1=table.render({
elem: '#data_export' ,
url: "url" ,
method: 'post' ,
title: '表名' ,
where: {
mycode: "all"
},
limit: 10,
cols: [[
{field: 'id' , title: 'ID' },
{field: 'name' , title: '名字' },
]],
done: function (res, curr, count) {
exportData=res.data;
table.exportFile(ins1.config.id,exportData, 'xls' );
}
});
})
|
其实就是把 table.exportFile(ins1.config.id,exportData, 'xls'); 放到了done中,虽然看起来改的不多,但是本质已经变了,之前的方式是进入页面就加载隐藏的导出表。
而现在是点击导出的时候才会渲染隐藏导出表,在导出表内容多的时候,导出速度慢点用户会觉得是合理的,比页面加载速度慢要好多了。
更多layui相关知识请关注layui框架。
以上就是layui导出表格全部数据的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
layui.js 如何声明全局变量
layui怎么使用jquery
layui收费吗
使用layui框架封装ajax模块的具体步骤
layui的模块是什么意思?
layui复选框使用介绍
layui如何获取复选框的值以及如何为复选框赋值
layui之弹出层关闭和刷新问题
layui表格分页不生效怎么办
layui框架属于前端还是后端
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui导出表格全部数据