bootstrap-table重载_bootstrap table与Html table重新加载数据

本文介绍了如何使用Bootstrap Table进行数据刷新操作,包括通过`refresh`方法和重新加载数据。详细展示了设置URL、请求方法、分页配置、列定义等关键步骤,确保表格数据的动态更新和加载。同时,还涵盖了表格的双击事件处理和单元格编辑保存功能。
摘要由CSDN通过智能技术生成

标签:

Bootstrap table

$('#LogTable').bootstrapTable('refresh');

$('#LogTable').bootstrapTable({

url: url,

method: "post",

sidePagination: 'client',

queryParams: queryParams,

responseHandler: responseHandler,//参数

striped: true,

pagination: true,

paginationFirstText: "首页",

paginationPreText: "上一页",

paginationNextText: "下一页",

paginationLastText: "末页",

toolbar:'#Toolbar',

onl oadSuccess: function (data) {

$("#search").attr('disabled',false);

},

onl oadError: function () { //加载失败时执行

alert("加载数据失败");

},

pageNumber: 1,

pageList: [10, 30, 50],

pageSize: 10,

columns: [{field: 'orderId', title: '', align: 'center', width: 100,height:120},

{field: 'serviceCode', title: '', align: 'center'},

{field: 'serviceName', title: '', align: 'center'},

{field: 'appid', title: '', align: 'center'},

{field: 'diffIp', title: '', align: 'center'},

{field: 'baseIp', title: '', align: 'center'},

{field: 'clientId', title: '', align: 'center'},

{field: 'diffTime', title: '', align: 'center',order:'desc'},

{field: 'logToken', title: '', align: 'center'},

{field: 'uid', title: '', align: 'center'},

{field: 'operate', title: '', align: 'center', events: "operateEvents", formatter: operateFormatter,width:100}],

onDblClickRow: function (row) {

},

onEditableSave: function (field, row, oldValue, $el) {

},

onDblClickCell: function (field, value, row, $el){

if (field === "diffTime"){

alert("*******************");

}else {

var newValue = value;

if ($('#tag').val().indexOf(field) > -1){

var tags = $('#tag').val().split(";");

$.each(tags,function (index,value) {

var tag = tags[index].split('=');

if (value !== ""&&tag[0]===field) {

tag[1] = newValue;

tags[index] = tag.join('=');

}

});

$('#tag').val(tags.join(';'));

}else {

$('#tag').val($('#tag').val()+field+'='+value+';');

}

}

// alert("*********"+value+"\n"+row+field);

}

});

}

Html Table:

$("#table").empty("");

$("#table").apppend("");

标签:

来源: https://www.cnblogs.com/CherishZeng/p/9721136.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值