layui 默认选中事件，数据列表默认选中

最新推荐文章于 2024-04-13 22:05:43 发布

xiaofang_up-everyday

最新推荐文章于 2024-04-13 22:05:43 发布

阅读量3.1k

点赞数 1

文章标签： layui 默认选中事件 layui数据列表默认选中

本文链接：https://blog.csdn.net/qq_41484622/article/details/103955251

版权

直接上代码：

   tableIn2 = table.render({
                    elem: '#test2',
                    toolbar: '#topBtn1',
                    url: "{:url('common/rule_select_detail')}",
                    where: {"sta_id": data.id, "sample_id": $("#sam_id").val()},
                    page: false,
                    cols: [[
                        {fixed: 'left', width: '10%', checkbox: true},
                        {field: 'name', title: '名称', fixed: 'left', width: '30%'},
                        {field: 'test_method', title: '检测依据', width: '20%'},
                        {field: 'unit', title: '单位', width: '15%'},
                        {field: 'range', title: '标准', width: '15%'},
                        {field: 'price', title: '价格', width: '10%'},
                    ]],
                    ,done: function(res, page, count){
            console.log(res);
    //可以自行添加判断的条件是否选中
    //这句才是真正选中，通过设置关键字LAY_CHECKED为true选中，这里只对第一行选中
    // res.data[0]["LAY_CHECKED"]='true';
  
    for(var i = 0;i<res.data_selected.length;i++){
        if()
    }
    // //下面三句是通过更改css来实现选中的效果
    var index= res.data[0]['LAY_TABLE_INDEX'];
    $('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
    $('tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
}

在layui 数据请求render 里面，注意点：

更改的只是一个选中的样式，数据还是需要自己去保存，如果一个页面有多个数据表格：

使用

div[lay-id="test"]

示例：

$('div[lay-id="test2"] tr[data-index=' + j + '] input[type="checkbox"]').prop('checked', true);
$('div[lay-id="test2"] tr[data-index=' + j + '] input[type="checkbox"]').next().addClass('layui-form-checked');