• 0
  • 0

layui — table 带复选框批量设置代码

2019-09-02 1022 0 admin 所属分类:LAYUI

首先需要开启复选框参数

{type: 'checkbox', fixed: 'left'}

设置表格过滤器名称 如table

<table id="table" lay-filter="table"></table>

获取选中的列表集合

table.on('checkbox', function(obj) {
    //获取选中的数据
    var checkStatus = table.checkStatus('table');
    var data = checkStatus.data;
    if (data.length > 0) {
        //显示按钮
        $('#batchSet').show();
    } else {
        $('#batchSet').hide();
    }
});

对选中的列表集合做处理

$('#batchSet').click(function(event) {
    var checkStatus = table.checkStatus('table');
    var data = checkStatus.data;
    var length = data.length;
    if (length == 0) {
        return mymsg('没有选中表格项');
    }
    var ids = new Array();
    for (var i = 0; i < data.length; i++) {
        ids.push(data[i].id);
    }
    ids = ids.join(',');
    var title = '批量设置权限';
    layer.open({
        type: 2,
        title: title,
        shadeClose: true,
        shade: 0.3,
        area: ['700px', '500px'],
        content: '/admin/{$mod}/batchSet.html?aid=' + ids
    });
});


返回顶部