当前位置： 移动技术网 > IT编程>开发语言>JavaScript > BootStrap Table 获取同行不同列元素的方法

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

2019年04月04日  | 移动技术网IT编程  | 我要评论

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

页面元素示例如下：

<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 获取同行不同列元素的方法，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网