关于在layui中的table checkbox 默认选中设置

时间:2021-10-29 08:23:29

一、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 });

关于在layui中的table checkbox 默认选中设置的更多相关文章

  1. jQuery设置 select、radio、checkbox 默认选中的值

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. 在ng-repeat内Checkbox默认选中

    Angularjs的ng-repeat是用来循环产生呈现数据. 当我们需要在ng-repeat循环中呈现一系列Checkbox时,某些checkbox选项是默认选中的. 在ASP.NET MVC程序中 ...

  3. jsTree的checkbox默认选中和隐藏

    jstree复选框自定义显示隐藏和初始化默认选中 首先需要配置 Checkbox plugin "plugins" : ['checkbox'] 设置默认选中状态(checkbox ...

  4. php与js中函数参数的默认值设置

    php函数参数默认值设置: <?phpfunction test($val=3){   echo $val."<br/>";}test(11);test();?& ...

  5. js中的new Option默认选中

    new Option("文本","值",true,true).后面两个true分别表示默认被选中和有效! //js默认选中 var sel = document ...

  6. layui中的table中toolbar自定义过程

    自己挖过的坑需要自己来填. layui的table默认表头工具栏右边有3个操作,分别是过滤字段.导出excel.打印功能. 在js中代码添加toolbar即可实现上面的效果: table.render ...

  7. easyui-combobox 中多选的默认值设置、获取多选值及JS包含字符串、删除字符串

    1.项目中使用到combobox的多选值及相关操作,不多说,直接上代码: <input id="education" name="education" c ...

  8. List Control控件中及时捕获checkbox被选中的消息的解决方案

    转自:http://blog.csdn.net/vycode/article/details/7345073 我的功能需求是:用户可以在List Control里添加item,当无选项被选中(即Che ...

  9. 在js中获取 input checkbox里选中的多个值

    思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中).下面进行实例演示: 1.html中展示: <input type=& ...

随机推荐

  1. Puzzle 面向服务&sol;切面&lpar;AOP&sol;IOC&rpar;开发框架 For &period;Net

    Puzzle 面向服务/切面AOP开发框架 For .Net AOP主要实现的目的是针对业务处理过程中的切面进行提取,它所面对的是处理过程中的某个步骤或阶段,以获得逻辑过程中各部分之间低耦合性的隔离效 ...

  2. html盒子模型

    http://www.cnblogs.com/sunyunh/archive/2012/09/01/2666841.html

  3. A trip through the Graphics Pipeline 2011&lowbar;09&lowbar;Pixel processing – &OpenCurlyDoubleQuote;join phase”

    Welcome back!    This post deals with the second half of pixel processing, the “join phase”. The pre ...

  4. SimpleDateFormat做成员或者静态成员多线程安全隐患

    转自:http://blog.csdn.net/jeamking/article/details/7183958 有时我们在同一个类中都是使用同一种日期格式,又或者为了减少new SimpleDate ...

  5. Junit3&period;8 Stack测试

    package test; public class MyStack { private String[] elements; private int nextIndex; public MyStac ...

  6. ubuntu10&period;4 server 配置VPN 安装pptp无法连接外网解决(转)

    链接:http://www.ppkj.net/2011/04/30/ubuntu10-4-server-%E5%AE%89%E8%A3%85pptp%E6%97%A0%E6%B3%95%E8%BF%9 ...

  7. TextView加边框,自定义,上下左右四条线 颜色,想用哪个用哪个

    1.这是一个自定义的TextView ,看吧,底下就是代码,应该都可以看懂,这里就不多说了 package com.example.admin.myutilsborder;import android ...

  8. Android Studio安装应用时报错 installation failed with message Failed to finalize session&period;&period;&period;&period;&period;&period;

    解决方法: 在AndroidManifest.xml中的provider中的authorities后加几个数字即可. 2017.09.01: 我发现有的项目AndroidManifest.xml中没有 ...

  9. JavaScript夯实基础系列(一):词法作用域

      作用域是一组规则,规定了引擎如何通过标识符名称来查询一个变量.作用域模型有两种:词法作用域和动态作用域.词法作用域是在编写时就已经确定的:通过阅读包含变量定义的数行源码就能知道变量的作用域.Jav ...

  10. Java Queue之PriorityQueue

    PriorityQueue位于Java util包中,观其名字前半部分的单词Priority是优先的意思,实际上这个队列就是具有“优先级”.既然具有优先级的特性,那么就得有个前后排序的“规则”.所以其 ...