bootstrap-table点删除按钮删除行,不进行操作,也刷新页面

我点删除按钮,弹出个询问框,不知道为什么我点询问框的取消按钮,依然刷新操作
图片描述
图片描述

$("#powerTable").bootstrapTable({

        url: "/Project/Project/GetPowerList", // 获取表格数据的url
        cache: false, // 设置为 false 禁用 AJAX 数据缓存, 默认为true
        striped: true,  //表格显示条纹,默认为false
        sidePagination: "server", //表示服务端请求
        queryParams: { PROJECTID: $("#ID").val() },
        sortName: 'ADDTIME', // 要排序的字段
        sortOrder: 'desc', // 排序规则
        columns: [
            {
                field: 'ID', // 返回json数据中的name
                visible: false //不显示
            }, {
                field: 'USERID', // 返回json数据中的name
                title: '授权人姓名', // 表格表头显示文字
                align: 'center', // 左右居中
                valign: 'middle' // 上下居中
            }, {
                field: 'POWER',
                title: '所有权限',
                align: 'center',
                valign: 'middle',
                editable: {
                    type: "checklist",
                    separator: ",",
                    source: [{ value: 'query', text: '查询' }, { value: 'update', text: '修改' }],
                    validate: function (value) {
                        if (value.length <= 0) {
                            return '请选择权限';
                        }
                        if (value.length ==1 && value[0] == "update") {
                            return '请勾选查询';
                        }
                    }
                }
            }, {
                field: 'ADDTIME',
                title: '授权时间',
                align: 'center',
                valign: 'middle',
                formatter: function (date) {
                    var pa = /.*\((.*)\)/;
                    var unixtime = date.match(pa)[1].substring(0, 10);
                    return getFullTime(unixtime);
                }
            }, {
                title: "操作",
                align: 'center',
                valign: 'middle',
                width: 160, // 定义列的宽度,单位为像素px
                formatter: function (value, row, index) {
                    return '<button class="btn btn-primary btn-sm" onclick="del(\'' + row.ID + '\')">删除</button>';
                }
            }
        ],
        onLoadSuccess: function (data) {  //加载成功时执行
            console.info("加载成功");
        },
        onLoadError: function () {  //加载失败时执行
            console.info("加载数据失败");
        },
        onEditableSave: function (field, row, oldValue, $el) {
            if (row.POWER.length == 1) {
                if (row.POWER[0] == "query") {
                    row.POWER = '{ "query": true, "update": false }';
                }
            } else {
                row.POWER = '{ "query": true, "update": true }';
            }
            $.ajax({
                type: "post",
                url: "/Project/ProjectPower/Add",
                data: row,
                dataType: 'JSON',
                success: function (data, status) {
                    if (data) {
                        layer.alert('修改数据成功');
                    } else {
                        layer.alert('修改数据失败');
                    }
                },
                error: function () {
                    layer.alert('编辑失败');
                },
                complete: function () {

                }

            });
        }

    });
    
    
     function del(id) {
    var r = confirm("是否删除该授权人信息");
    if (r) {
        $.ajax({
            type: "GET",
            url: GetRootName() + '/Project/Project/DelPower',
            data: { ID: id },
            dataType: "json",
            cache: false,
            async: false,
            success: function (data) {
                $("#powerTable").bootstrapTable('remove', {
                    field: 'ID',
                    value: id
                });
            }
        });
    }

}

阅读 10.2k
1 个回答

将button改成a就可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏