BootStrap Table 获取同行不同列元素

叁歲伎倆 2022-07-13 01:44 180阅读 0赞

表格同行中存在元素的相互调用，如何保证元素能够被同行不同列的其他方框使用，方法如下：

页面元素示例如下：

<div id="MyTableId" class="content-main-container">
            <div class="panel panel-primary gd-panel" id="mywindow">
                <div class="panel-heading">
                    <b>TableNameElemnt</b>
                </div>
                <div class="panel-body">
                    <table class="table table-bordered" id="csMemberPackageTable" style="word-break: keep-all;">
                    </table>
                </div>
            </div>
        </div>

页面 JS 代码示例如下：

$(function () {
            $('#MyTableId').bootstrapTable('destroy');
            $("#MyTableId").bootstrapTable({
                url:'/*** /*** Action_*** List.action',
                dataType: "json",
                showRefresh: true,
                striped: true,
                cache: true,
                undefinedText: "-",
                sortName: "id",
                sortOrder: "asc",
                pagination: true,
                sidePagination: "server",
                toolbar: "#toolbar",
                pageNumber:1,
                pageSize:3,
                smartDisplay:true,
                pageList:[5,10,25,50],
                paginationPreText: "上一页",
                paginationNextText: "下一页",
                columns: [{
                    checkbox: true
                },
                {
                    field:'pId',
                    title:'操作',
                    align:'center',
                    formatter:function(value,row,index){
                        var aId = row.aId;
                        var bId = row.bId;
                        var cId = row.cId;
                        var a =
                                '<a href="/**** /**** Action_**** GoJsp.action?ResObj.' +
                                'pId='+pId+'&ResObj.aId='+aId +
                                '&ResObj.bId='+bId+
                                '&ResObj.cId='+cId+
                                '"'+'class="cs_menuTab"> 编辑全部 Id </a>';
    
                        return a;
                    }
                },{
                    field: "aId",
                    title: "A 标签",
                    align: "center"
                },
                {
                    field: "bId",
                    title: "B 标签",
                    align: "center"
                },
                {
                    field: 'cId',
                    title: 'C 标签',
                    align: 'center'
                }]
            });
        });