欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-31 23:53:41
表格同行中存在元素的相互调用,如何保证元素能够被同行不同列的其他方框使用,方法如下: 页面元素示例如下:

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

页面元素示例如下:

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