美文网首页
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