zoukankan      html  css  js  c++  java
  • 关于在layui中的table checkbox 默认选中设置

    一、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 });
  • 相关阅读:
    acm入门 杭电1001题 有关溢出的考虑
    面向对象课后深入学习(C++ 类的静态成员详细讲解)
    Eclipse中导入项目后js报错解决方法
    mysql用户链接数
    配置服务器nginx 教程
    eclipse如何新建项目发布到git
    获取当天开始时间结束时间
    pdf在线加载·
    springmvc配置详解 教程
    hibulder中使用git教程
  • 原文地址:https://www.cnblogs.com/mYunYu/p/10220468.html
Copyright © 2011-2022 走看看