bootstrap 点击按钮刷新_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 '删除';

}

}

],

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

});

}

});

}

}

在使用BootstrapTable插件时,refresh列命令用于刷新表格中的数据。refresh列的功能是重新加载表格,以便更新表格中的数据,让表格显示最新的内容。 使用refresh列命令,可以通过以下步骤来刷新BootstrapTable中的列: 1. 在HTML文件中,引入BootstrapTable和jQuery两个库的相关文件。 2. 在HTML文件中,创建一个表格的容器,用于显示BootstrapTable。 3. 在JavaScript中,使用BootstrapTable的初始化参数配置表格。包括列的设置、数据的来源等。 4. 在HTML文件中,创建一个按钮或其他元素,用于触发刷新列的操作。 5. 在JavaScript中,为按钮或其他触发元素添加击事件,调用refresh列命令。 6. 在refresh列命令中,使用BootstrapTable的方法refresh来刷新表格。 示例代码如下: ```html <!DOCTYPE html> <html> <head> <title>BootstrapTable Refresh Column</title> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="http://cdn.bootcss.com/jquery/2.2.2/jquery.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js"></script> </head> <body> <div class="container"> <table id="myTable"></table> <button id="refreshBtn">刷新列</button> </div> <script type="text/javascript"> $(function() { $('#myTable').bootstrapTable({ columns: [{ field: 'id', title: 'ID' }, { field: 'name', title: '姓名' }, { field: 'age', title: '年龄' }], data: [{ id: 1, name: '张三', age: 20 }, { id: 2, name: '李四', age: 25 }] }); $('#refreshBtn').click(function() { $('#myTable').bootstrapTable('refresh'); }); }); </script> </body> </html> ``` 以上就是关于使用refresh列命令刷新BootstrapTable中列的方法。在表格显示的时候,击"刷新列"按钮,即可重新加载表格数据,实现列的刷新
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值