富贵资源网 Design By www.hznty.com
如搜索查询时,常会遇到按日期时间段查询,并显示查询的每个日期的数据,后台拼装数据此处不讨论。
把表格渲染封装在函数里面,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(字段)动态变化详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
富贵资源网 Design By www.hznty.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
富贵资源网 Design By www.hznty.com
暂无评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。