对layui数据表格动态cols(字段)动态变化详解
网络编程 2021-07-04 15:01www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇对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(字段)动态变化详解就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
上一篇:js前端如何写一个精确的倒计时代码
下一篇:layui实现数据表格隐藏列的示例
编程语言
- 宿迁百度关键词排名指南:实现精准营销的关键
- 四川SEO优化怎么做网络推广
- 立昂技术备案老域名收购:如何为您的业务赋能
- 安徽百度关键词seo贵不贵,一般需要多少钱
- 吉林百度快照排名怎么做电话营销
- 多伦新手做SEO怎么做
- 甘肃优化关键词排名推广怎么做论坛营销
- 沙雅SEO网站推广:提升您的在线可见性
- 四川SEO优化如何提升销售额和销售量
- 聂荣网站排名优化:提升网站可见性的全方位指
- 涞水SEO:提升地方企业在线可见性的策略
- 辽宁百度seo排名怎样做网站排名
- 临湘哪有关键词排名优化:提升网站可见度的关
- 黑龙江百度网站优化有没有优惠
- 凉城优化关键词排名推广:提升您的网络可见性
- 萝北整站优化:提升您网站流量和排名的全面指