BootStrap Table 获取同行不同列元素

最新推荐文章于 2022-07-12 17:34:22 发布

稚枭天卓

最新推荐文章于 2022-07-12 17:34:22 发布

阅读量8.1k

点赞数

分类专栏： BootStrap 教程 JavaWeb 进阶文章标签： BootStrap Table row 同行列

本文链接：https://blog.csdn.net/u013630349/article/details/53743758

版权

JavaWeb 进阶同时被 2 个专栏收录

41 篇文章 0 订阅

订阅专栏

BootStrap 教程

12 篇文章 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'
            }]
        });
    });