美文网首页
layui中的table checkbox 默认选中设置

layui中的table checkbox 默认选中设置

作者: 贴地飞行的胖纸 | 来源:发表于2018-11-29 22:53 被阅读70次

    layui版本

    layui-v2.4.3

    方法1

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

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

    方法2

    如果返回的数据中没有LAY_CHECKED怎么办?比如说返回的是这样的数据:

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

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

    这时候可以修改下页面的js。

    layui.use('table', function(){
        var $ = layui.$;
        var table = layui.table;
        
        //在使用table之前加上下面这句就可以了
        table =  $.extend(table, {config: {checkName: 'checked'}});
        table.render({
            ...
        });
    });
    

    相关文章

      网友评论

          本文标题:layui中的table checkbox 默认选中设置

          本文链接:https://www.haomeiwen.com/subject/itwqcqtx.html