博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于在layui中的table checkbox 默认选中设置
阅读量:6703 次
发布时间:2019-06-25

本文共 1002 字,大约阅读时间需要 3 分钟。

一、layui版本

  layui-v2.4.5

二、设置table的checkbox默认选中

总共有两种方法:

 方法1:在返回的json中设置LAY_CHECKED为true,页面上的checkbox就是选中状态了。

1 data":[2     {"name":"北京市","areaType":"省/直辖市","id":"110000","LAY_CHECKED":true},3     {"name":"市辖区","areaType":"地市","id":"110100","LAY_CHECKED":true},4     {"name":"县","areaType":"地市","id":"110200","LAY_CHECKED":false}5 ]

  方法2:对于方法1,自我觉得写的比较古板,不能自定义key,比如当项目中所返回的数据中没有LAY_CHECKED字段怎么办?为了与其他tree所需字段统一,都将是否选中字段统一定义为checked,比如说返回的是这样的数据:

1 data":[2     {"name":"北京市","areaType":"省/直辖市","id":"110000","checked":true},3     {"name":"市辖区","areaType":"地市","id":"110100","checked":true},4     {"name":"县","areaType":"地市","id":"110200","checked":false}5 ]

注意:这里用的是checked来标识是否选中,而非LAY_CHECKED。

这时候就需要更改下对table渲染的配置了:

1 layui.use('table', function(){ 2     var $ = layui.$; 3     var table = layui.table; 4      5     //在使用table之前加上下面这句就可以了 6     table =  $.extend(table, {config: {checkName: 'checked'}}); 7     table.render({ 8  ... 9  }); 10 });

 

转载于:https://www.cnblogs.com/mYunYu/p/10220468.html

你可能感兴趣的文章
Codeforces 754E:Dasha and cyclic table
查看>>
Autowire异常
查看>>
N1CTF 塞题vote分析
查看>>
jsp页面验证码(完整实例)
查看>>
第三课、Qt的诞生和本质------------------狄泰软件学院
查看>>
DevExpress控件使用经验总结
查看>>
基于 HTML5 WebGL 的 3D 服务器与客户端的通信
查看>>
软件包管理 之 fedora-rpmdevtools 工具介绍
查看>>
远程连接mysql数据库,1130问题
查看>>
平衡二叉树
查看>>
解决win7的outlook打不开的问题
查看>>
jQuery操作checkbox
查看>>
c# 写文件注意问题及用例展示
查看>>
开源的GIS软件清单
查看>>
java ArrayList
查看>>
使用RMAN备份数据库
查看>>
让你页面速度飞起来 Web前端性能优化
查看>>
Redis原理及拓展
查看>>
142. Linked List Cycle II - Medium
查看>>
进程和线程的剖析
查看>>