您的位置：首页 > Web前端 > BootStrap

BootStrap Table 获取同行不同列元素的方法

2016-12-19 17:21 706 查看

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

页面元素示例如下：

<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'
}]
});
});

以上所述是小编给大家介绍的BootStrap Table 获取同行不同列元素的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： bootstrap table

相关文章推荐

新的分享

章节导航