layui缓存当前页和批量删除 table.checkStatus

html

<div class="layui-card">
    <!--<div class="layui-card-header">示例表头</div>-->
    <div class="layui-card-body">
        <table class="layui-hide" id="LAY-table-operate" lay-filter="LAY-table-operate"></table>
        <script type="text/html" id="test-table-switchTpl">
            <input type="checkbox" name="enabled" lay-skin="switch" lay-text="启用|禁用"
                   lay-filter="test-table-enabledDemo"
                   value="{{ d.enabled }}" data-json="{{ encodeURIComponent(JSON.stringify(d)) }}" {{
                   d.enabled==
                   1 ? 'checked' : '' }}>
        </script>
        <button id="J_bulkDelete" class="layui-btn layui-btn-xs layui-btn-danger margin-top10" title="批量删除规则">
            <!--<i class="layui-icon">&#xe640;</i>-->
            批量删除
        </button>
    </div>
    <script type="text/html" id="test-table-operate-barDemo">
        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-sm" lay-event="del">删除</a>
    </script>
</div>

layui.use(['admin', 'table'], function () {
    var table = layui.table, $ = layui.jquery, t, config, cur_page = $.cookie("cur_page") || 1;

    config = {
        elem: '#LAY-table-operate',
        // url: window.CONTEXT_PATH + "/monitor/listURIRules",
        cellMinWidth: 30, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增,
        cols: [[
            {type: "checkbox", fixed: "left"},
            {field: 'id', width: 40, title: 'ID', sort: true},
            {field: 'uri', title: '接口URI'},
            {field: 'name', title: '接口描述'},
            {field: 'scan_freq', width: 40, title: '扫描频率'},
            {field: 'response_seconds', width: 60, title: '响应'},
            // {field:'email', title: '邮箱'},
            // {field:'mobile', title: '手机号'},
            {field: 'enabled', title: '启用', width: 80, templet: '#test-table-switchTpl', unresize: true},
            {width: 178, align: 'center', fixed: 'right', toolbar: '#test-table-operate-barDemo'}
        ]],
        page: {curr: 1, limit: 10},//注意这里默认写的第一页

        done: function (res, cur_page, count) {

    // console.log(res)
    // console.log(cur_page)
    // console.log(count)
    var pager = t.config.page, $aa;
    console.log(pager);
    var $pager = $("#" + pager.elem);//整个页码元素盒子
    $aa = $pager.find("a"); //页码的左右箭头
    console.log($aa)
    $aa.on("click", function (e) {
        var cur = this.getAttribute("data-page");
        $.cookie("cur_page", cur); //把当前页存入缓存
    });
    var cp = parseInt($.cookie("cur_page")), $input = $pager.find(".layui-input"), //到第几页的输入框
        $btn = $pager.find(".layui-laypage-btn"); //确定按钮
    if (cur_page !== cp) {
        $input.val(cp);
        // trigger($btn.get(0), "click");
    }
    $btn.on("click", function () { //点击确定时缓存页变为输入的页码
        $.cookie("cur_page", $input.val());
    });
    $input.on("keydown", function (e) {
        if (e.keyCode === 13) {
            e.preventDefault();
            $.cookie("cur_page", $input.val());
        }
    });

/**
* 批量删除规则
*/
var $del = $("#J_bulkDelete");
$del.off("click", "**");
$del.on("click", function() {
var checkStatus = table.checkStatus('LAY-table-operate'),
checkData = checkStatus.data; //得到选中的数据
console.log(checkData);

if (checkData.length === 0) {
return layer.msg('请选择数据');
}

layer.confirm('确定删除吗?', function (index) {
var reqBody = checkData.reduce(function(acc, cur) {
acc += cur.id + ",";
return acc;
}, "");
reqBody = reqBody.substr(0, reqBody.length-1);
console.log(reqBody);
$.ajax({
type: 'POST',
url: window.CONTEXT_PATH + "/monitor/bulkDeleteRule",
processData: false,
data: reqBody
}).done(function(data) {
reload_table({});
layer.msg("删除了" + data.count + "条规则");
});
});
});
},
text: "加载异常"
};
config.url = window.CONTEXT_PATH + "/monitor/listURIRules";
if (param !== undefined) {
config.url += '?' + $.param(param);
}

// 设定渲染表格 初始显示页码
config.page.curr = cur_page;
t = table.render(config);
-----------------------------------
©著作权归作者所有：来自51CTO博客作者mzh9112的原创作品，如需转载，请注明出处，否则将追究法律责任
layui表格id, lay-filter命名 必须以 LAY-table- 开头 layui checkbox 批量删除 table.checkStatus
https://blog.51cto.com/u_11658127/3404611