美文网首页
About 'removeByUniqueId' functio

About 'removeByUniqueId' functio

作者: yilinUnique | 来源:发表于2019-04-12 18:56 被阅读0次

移除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, "&acute;") + "'>" + value.replace(/\'/g, "&acute;") + "</span>";
                }
            }, {
                field: 'DevPosition',
                title: '经过地点',
                formatter: function (value, row, index) {
                    return "<span title='" + value.replace(/\'/g, "&acute;") + "'>" + value.replace(/\'/g, "&acute;") + "</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这一列

相关文章

网友评论

      本文标题:About 'removeByUniqueId' functio

      本文链接:https://www.haomeiwen.com/subject/lfshwqtx.html