全国咨询热线:18720358503

开发小程序费用_对layui数据表格动态cols(字段)动

类别:行业新闻 发布时间:2021-01-06 浏览人次:

对layui数据表格动态cols(字段)动态变化详解       今天小编就为大家分享一篇对layui数据表格动态cols(字段)动态变化详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

如搜索查询时,常会遇到按日期时间段查询,并显示查询的每个日期的数据,后台拼装数据此处不讨论。

把表格渲染封装在函数里面,cols_arr是传入的字段数组

function tableRender(cols_arr){
 table.render({
 elem: '#demo'
 , url: 请求地址 //数据接口
 , method: 'post'
 , page: true //开启分页
 , cols: cols_arr
 , id: 'demo'
 , limit: 10
 , limits: [10, 20, 50, 100, 200, 500]
 , done: function (res) {}
}

监听搜索提交

// 搜索
form.on('submit(demo1)', function (obj) {
 var start_date = obj.field.start_date;
 var end_date = obj.field.end_date;
 if (start_date != '' end_date != ''){
 var all_date = getAll(start_date, end_date);
 if ( all_date.length 7){
 layer.msg('查询天数不得超过7天', {icon: 2, anim: 6});
 return false;
 window.cols_arr[0] = [];
 window.cols_arr[0][0] = {field:'group_id', title: '群号', align: 'center'};
 all_date.forEach(function(value,i){
 window.cols_arr[0][i+1]=({field: value, title: value, align: 'center'})
 tableRender(window.cols_arr);
 table.reload('demo', {
 page: {
 curr: 1
 where: {
 all_date: all_date
 return false;
});

如果只是重载,cols属性不会改变,解决思路:重载前执行一次封装了渲染的函数,也就是tableRender();用全局变量或传参的形式都行

以上这篇对layui数据表格动态cols(字段)动态变化详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。


推荐阅读

开发小程序费用_对layui数据表格动态cols(字段)动

对layui数据信息报表动态性cols(字段名)动态性转变详细说明 今日网编就为大伙儿共享一篇对layui数据信息报表动态性cols(字段名)动态性转变详细说明,具备非常好的参照使用价值,...

2021-01-06
关于做好企业网站优化的一些经验总结

有关搞好公司seo优化的一些工作经验小结创作者:建立网站提升要考虑到到许多层面,例如网网站内部容升级的时效性性、稀有性、权威性性及其网站的客户感受。仅有把这种关键点都...

2021-01-06
广州凡科互联网科技股份有限公司招聘广告推广

招聘人数:24职位信息广告网络销售(底薪+高提成+社保+晋升空间)1、通过网络渠道搜集、开发新客户,并完成公司下达的业绩任务,反馈客户意见;2、为了更好的做好客户的服务工作...

2021-01-06
免费微信小程序分销_微信小程序封装多张图片上

手机微信微信小程序封裝多个照片提交api编码案例 本文关键详细介绍了手机微信微信小程序封裝多个照片提交api编码案例,原文中根据实例编码详细介绍的十分详尽,对大伙儿的学...

2021-01-06
如何快速提升访客的对自己的信任

公司应当在企业网站建设时就必须让网站创建充足的信赖,让浏览量见到网站的同时就坚信网站内所谈及的內容。这就需要求公司在企业网站建设时让网站在有充足多的信息内容內容来...

2021-01-06
软件开发中的道德风险

APP服务平台开发设计、电子商务服务平台开发设计的总体处理计划方案服务广州市凡科APP开发设计企业出示超出5种流行开发设计服务,IOS开发设计、android开发设计,手机微信商城系统...

2021-01-06
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信