layui.table 数据表格多选

djk8888

已于 2024-04-08 11:18:21 修改

阅读量513

点赞数 1

文章标签： layui 前端 javascript

于 2024-04-07 16:32:17 首次发布

本文链接：https://blog.csdn.net/djk8888/article/details/137468746

版权

<button class="layui-btn" id="btnExport" onclick="Export()">批量导出</button>

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

<script>
    function Export() {
            var list = layui.table.checkStatus('table').data;
            var uuid_s = "";//UUID
            //获取选中项目
            layui.each(list, function (index, item) {          
                if (uuid_s == "") {
                    uuid_s += "'" + item.UUID + "'";
                }
                else {
                    uuid_s += ",'" + item.UUID + "'";
                }    
            });
            console.log(uuid_s);//例：'9aa013ec-99f8-4b30-815a-17d9b8aca8c5','9acc3b44-fec9-4ee8-95cc-05f11b30d4b1'
            //导出Excel
            if (uuid_s != "") {
                //...ajax...
            }
            else {
                layer.msg("请先[选择]数据!再点击[批量导出]!");
            }
        }
</script>