欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

bootstrap实现删除和批量删除操作

程序员文章站 2022-05-11 23:07:21
...
一条记录可以看做一条数据的数组

1 Html

1.1 批量选择框

bootstrap实现删除和批量删除操作

1.2 单个删除

bootstrap实现删除和批量删除操作

2 bootStarp

2.1 批量获得

获得选择的数据

bootstrap实现删除和批量删除操作

//批量删除
function deleteUserList() {
    //获取所有被选中的记录
    var rows = $("#user").bootstrapTable('getSelections');
    if (rows.length== 0) {
        alert("请先选择要删除的记录!");
        return;
    }
    var ids = '';
    for (var i = 0; i < rows.length; i++) {
        ids += rows[i]['id'] + ",";
    }
    ids = ids.substring(0, ids.length - 1);
    deleteUser(ids);
}

2.2 单个获得

bootstrap实现删除和批量删除操作

//单个删除
function deleteUserById(id) {
    deleteUser(id);
}

2.3 公共操作

bootstrap实现删除和批量删除操作


//删除
function deleteUser(ids) {
    var msg = "您真的确定要删除吗?";
    if (confirm(msg) == true) {
        $.ajax({
            url: "${path}/user/deleteUserList.do",
            type: "post",
            data: {
                ids: ids
            },
            success: function (data) {
                alert(data.msg);
                //重新加载记录
                //重新加载数据
                $("#user").bootstrapTable('refresh', {url: '/user/getUserList.do'});
            }
        });
    }
}

3 Java

3.1 Controller

bootstrap实现删除和批量删除操作

3.2 Service

bootstrap实现删除和批量删除操作

public long deleteUserList(String ids) {
    String[] ss = ids.split(",");
    long count= 0;
    for (Strings : ss) {
        userResourceExtend.deleteUser(Integer.parseInt(s));
        count++;
    }
    return count;
}

3.3 dao

bootstrap实现删除和批量删除操作

【相关视频推荐:Bootstrap教程

以上就是bootstrap实现删除和批量删除操作的详细内容,更多请关注其它相关文章!