• 当你的layui表格要做全选+删除功能【兼容ie8】


                                    <!-- 全选 -->
                                    <div class="choose">
                                        <input type="checkbox" id="chooseAll" name="" title="全选" lay-skin="primary" onclick="chooseall">
                                        <span onclick="delAll()" lay-submit lay-filter="delete">删除记录</span>
                                    </div>
     <td>
                <!-- <input type="checkbox"> -->
                <input type="checkbox" data-id="{{ item.id }}" lay-skin="primary" name="idList[]" value="{{item.id}}">
            </td>
    

      

    // 全选/取消全选
    var flag = true;
    var chooseAllstr = '';
    $('.choose').on('click', '.layui-form-checkbox', function() {
            var cb = $(".layui-form-checkbox");
            $(".layui-form-checkbox").each(function() {
                if (flag) {
                    $(this).addClass('layui-form-checked')
                } else {
                    $(this).removeClass('layui-form-checked')
                }
            })
            flag = !flag;
        })
    

      

    // 删除全选的数据
    function delAll() {
        chooseAllstr = '';
        $(".layui-form-checked").each(function() {
            if ($(this).parent().find('input').data("id") && $(this).parent().find('input').data("id") != undefined) {
                chooseAllstr += $(this).parent().find('input').data("id") + ','
            }
        })
        if (chooseAllstr != '') {
            //询问框
            layer.confirm('确认删除全部记录吗?', {
                btn: ['删除', '取消'] //按钮
            }, function() {
                ajax('/pu/ScancodeBehavior/Delete', { idList: chooseAllstr }, function(data) {
                    if (data.success) {
                        layer.closeAll();
                        popupSuccess(data.msg);
                        getList(param, function(data) {
                            if (Number(data.count) != 0) {
                                var getTpl = tabletpl.innerHTML,
                                    view = document.getElementById('table-adm');
                                laytpl(getTpl).render(data.list, function(html) {
                                    view.innerHTML = html;
                                });
    

    -------------------------------------------------------------------  

    如果想用layui的name属性获取选中的数据:

    <span lay-submit lay-filter="deteleSubmit">删除记录</span>
    

      拼接为逗号分割的字符串,供接口传参,进行删除

            form.on('submit(deteleSubmit)', function(data) {         
                var shuzu = [];
                var arr = '';
                Object.keys(data.field).forEach(function(key) {
                    shuzu.push(data.field[key]);
                });
                arr = shuzu.join(",");
            })
    

      

  • 相关阅读:
    AcWing 1027. 方格取数 dp
    AcWing 1014. 登山 dp
    acwing 482. 合唱队形 dp
    LeetCode 1463. 摘樱桃II dp
    LeetCode 100. 相同的树 树的遍历
    LeetCode 336. 回文对 哈希
    LeetCode 815. 公交路线 最短路 哈希
    算法问题实战策略 DARPA大挑战 二分
    算法问题实战策略 LUNCHBOX 贪心
    AcWing 1100. 抓住那头牛 BFS
  • 原文地址:https://www.cnblogs.com/nangras/p/10612823.html
Copyright © 2020-2023  润新知