手机版

layui表数据复选框回显的设置方法

时间:2021-08-20 来源:互联网 编辑:宝哥软件园 浏览:

Layui2.3版本没有复选框回显功能,所以需要从源头解决这个问题,F12代码调试,找到与复选框关联的地方并找出:

我们只需要在渲染数据回调时找到每个复选框,并根据不同的数据设置回显即可。

拉威这里有个坑。设置class属性将导致第二次点击效果。切勿手动修改类属性。那我该怎么办?

每当* *单击其中一个复选框时,将添加一个类属性,第二次单击将删除它:

table . render({ elem : ' # lay _ table _ topic ',URL : '/admin/topic handle/gettopic list ',height : 600,done :函数(result,currpage,count){//数据回调方法var data=result.data数据。此处必须选择foreach(函数(值,键){//Click方法。不知道为什么添加layui-form-checked类属性会造成二次点击的bug(也就是下一次点击必须在两次点击后生效)。//类的所有类似手动修改似乎都会造成次要影响if (value。read _ total 10){ $(' div[lay-id=' topic list ']TD . layui-form-checkbox ')。eq(键)。单击();}})},cols :[[{ type : ' checkbox ' },{field3360' id ',title3360' topic id ',width:80},{field3360' image _ URL ',title 3360 ' pick ',Width : 100,Templet :' # showpic'},{field :' content ',title :' topic content ',width : 260},}以上关于layui表格数据复选框回显的设置方法是边肖分享的全部内容,希望能给大家一个参考和支持。

版权声明:layui表数据复选框回显的设置方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。