铁雪资源网 Design By www.gsvan.com
layui2.3版本,本身并不带有复选框回显功能,那么需要从源头解决此事,F12代码调试,找到与复选框关联的地方发现:
我们只需要在渲染数据回调时找到每个复选框根据数据的不同来设置回显。
layui这里有一个坑,设置class属性后会造成二次点击效果,千万不要手动修改class属性,那么应该怎么办呢?
每次**点击**其中一个复选框时都会增加一个class属性,第二次点击又会给删除:
table.render({ elem: '#LAY_table_topic', url: '/admin/topicHandle/getTopicList', height: 600, done:function(result,currPage,count){//数据回调方法 var data = result.data; data.forEach(function(value, key) { //这里必须选择点击方法,不知为何添加layui-form-checked class属性会造成二次点击(即下次点击必须点击两下才能生效)bug, //所有类似的手动修改class貌似都会造成二次效果 if(value.read_total > 10){ $("div[lay-id='topicList'] td .layui-form-checkbox").eq(key).click(); } }) }, cols: [[ { type:'checkbox'}, { field:'id', title: '话题ID', width: 80 }, { field:'image_url', title: '图片', width: 100 , templet:"#showPic"}, { field:'content', title: '话题内容', width: 260 }, { field:'read_total', title: '阅读次数', width: 100 , sort:true}, ]], id: 'topicList', page: true });
以上这篇layui表格数据复选框回显设置方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
标签:
layui,表格,复选框,回显
铁雪资源网 Design By www.gsvan.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
铁雪资源网 Design By www.gsvan.com
暂无layui表格数据复选框回显设置方法的评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。