移除bootstrap某一行数据其中的一个方法是removeByUniqueId,
官方文档用法是:$('#table').bootstrapTable('removeByUniqueId', id);
需要注意的是这个id需要在设置bootstrap table参数时加上uniqueId: "id"
(名称用自己数据中能判别当前行的唯一值)
同时在columns中添加上这个field
function loadTable() {
$('.track-table').bootstrapTable({
height: $(".snapquery-content #result-list").height(),//table的高度和查询结果的一致
data: curTableData,
clickToSelect: true, //是否启用点击选中行
singleSelect: false, //复选框只能选择一条记录
pagination: true, //是否显示分页(*)
paginationLoop: false,
sidePagination: "server", //分页方式:client客户端分页,server服务端分页(*)
paginationPreText: "<",
paginationNextText: ">",
pageSize: 15,
uniqueId: 'ObjID',
//pageList: [2, 5], //可供选择的每页的行数(*)
columns: [
{
checkbox: true,
},
{
field: 'ObjID',
formatter: function (value, row, index) {
return value;
}
},
{
field: 'faceimg',
title: '目标截图',
formatter: function (value, row, index) {
return "<img src='" + value + "' onerror='onErrorHandleFace(this)'>" + "</img>"
}
},
{
field: 'snapsTime',
title: '出现时间',
formatter: function (value, row, index) {
return "<span title='" + value.replace(/\'/g, "´") + "'>" + value.replace(/\'/g, "´") + "</span>";
}
}, {
field: 'DevPosition',
title: '经过地点',
formatter: function (value, row, index) {
return "<span title='" + value.replace(/\'/g, "´") + "'>" + value.replace(/\'/g, "´") + "</span>";
}
},
{
field: 'Remarks',
title: '备注',
formatter: function (value, row, index) {
return "无";
}
}, {
field: 'Operation',
title: '操作',
formatter: function (value, row, index) {
var d = '<a href="javascript:void(0)" title="删除" data-index="' + index + '" onclick="deletOneSnap(this)"><i class="glyphicon glyphicon-trash oprLogo"></i></a>';
return d;
}
}
],
formatNoMatches: function (row) {
return "没有相关的匹配结果";
},
formatLoadingMessage: function () {
return "请稍等,正在加载中...";
},
onLoadSuccess: function (row) { //加载成功时执行
},
onLoadError: function (row) { //加载失败时执行
console.log("加载数据失败");
},
formatShowingRows: function (a, b, c) {
// return "总共 "+ c +" 条记录";
},
formatRecordsPerPage: function (a) {
// return "每页显示 "+a+" 条记录";
},
onClickRow: function (row, $element) {
// console.log(row);
},
onDblClickRow: function (row, $element) {
clearTimeout(timer);
$('#personQueryModal').modal('show');
var curObjID = row.ObjID;//人员objId
var epasInfoStr = getCookie("epasInfo");
var userinfoStrEs = unescape(epasInfoStr);
var epasInfo = JSON.parse(userinfoStrEs);
var epasAuthority = epasInfo.epasAuthority;
// //传参到人员信息的iframe
var paras = {
"objId": curObjID,
"libId": "",//抓拍库不需要这个参数
"pageflag": "1",
"userID": userID,
"authority": epasAuthority
}
$("#personDetailInfoFrame")[0].contentWindow.markMessage(paras);
},
onPageChange: function () {
},
onCheckAll: function (rows) {
// console.log(rows);
for (var i = 0; i < rows.length; i++) {
selectedSnapObjID.push(rows[i].ObjID);
}
},
onUncheckAll: function (rows) {
selectedSnapObjID = [];
},
onCheck: function (row) {
selectedSnapObjID.push(row.ObjID);
},
onUncheck: function (row) {
selectedSnapObjID.pop(row.ObjID);
}
});
}
调用
function deletOneSnap(index){
var curObjIDs = $(index).parent().parent().attr("data-uniqueid");//当前点击的id值
$('.track-table').bootstrapTable('removeByUniqueId', curObjIDs);//表格移除当前项
var objIndex = objArrayLibs.indexOf(curObjIDs);
if (objIndex > -1) {
objArrayLibs.splice(objIndex, 1);//同时全局变量objArrayLibs移除当前项
}
}
如果页面不需要id这一列,可以在table加载完后隐藏
loadTable();
$('.track-table').bootstrapTable('hideColumn', 'ObjID');//隐藏uniqueID这一列
网友评论