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


Posted in Javascript onDecember 19, 2016

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

页面元素示例如下:

<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 获取同行不同列元素的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript检查日期格式的函数[比较全]
Oct 17 Javascript
Document 对象的常用方法
Jul 31 Javascript
jQuery学习5 jQuery事件模型
Feb 07 Javascript
自动刷新网页,自动刷新当前页面,JS调用
Jun 24 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
Oct 28 Javascript
JavaScript创建对象的方式小结(4种方式)
Dec 17 Javascript
浅析AngularJS中的指令
Mar 20 Javascript
使用jQuery和ajax代替iframe的方法(详解)
Apr 12 jQuery
Angular2中如何使用ngx-translate进行国际化
May 21 Javascript
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 jQuery
Javascript如何实现扩充基本类型
Aug 26 Javascript
vue组件讲解(is属性的用法)模板标签替换操作
Sep 04 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
Mar 26 #Javascript
详解Jquery的事件操作和文档操作
Dec 19 #Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
Dec 19 #Javascript
详解用原生JavaScript实现jQuery的某些简单功能
Dec 19 #Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
Dec 19 #Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
Dec 19 #Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
Dec 19 #Javascript
You might like
深入解析PHP的引用计数机制
2013/06/14 PHP
PHP实现的封装验证码类详解
2013/06/18 PHP
关于crontab的使用详解
2013/06/24 PHP
php使用sql数据库 获取字段问题介绍
2013/08/12 PHP
php实现的click captcha点击验证码类实例
2014/09/23 PHP
PHP使用DirectoryIterator显示下拉文件列表的方法
2015/03/13 PHP
PHP JSON格式的中文显示问题解决方法
2015/04/09 PHP
PHP使用CURL实现多线程抓取网页
2015/04/30 PHP
Yii2实现ajax上传图片插件用法
2016/04/28 PHP
在你的网页中嵌入外部网页的方法
2007/04/02 Javascript
javascript 模式设计之工厂模式详细说明
2010/05/10 Javascript
遍历DOM对象内的元素属性示例代码
2014/02/08 Javascript
JavaScript实现动态创建CSS样式规则方案
2014/09/06 Javascript
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
JavaScript获取网页中第一个链接ID的方法
2015/04/03 Javascript
js运动应用实例解析
2015/12/28 Javascript
JS中生成随机数的用法及相关函数
2016/01/09 Javascript
浅谈Web页面向后台提交数据的方式和选择
2016/09/23 Javascript
js数组去重的hash方法
2016/12/22 Javascript
js数据类型检测总结
2018/08/05 Javascript
JavaScript中callee和caller的区别与用法实例分析
2019/06/28 Javascript
js实现淘宝浏览商品放大镜功能
2020/10/28 Javascript
利用Vue实现简易播放器的完整代码
2020/12/30 Vue.js
[02:12]打造更好的电竞完美世界:完美盛典回顾篇
2018/12/19 DOTA
Python格式化css文件的方法
2015/03/10 Python
浅谈Python中copy()方法的使用
2015/05/21 Python
Python的CGIHTTPServer交互实现详解
2018/02/08 Python
Tensorflow中的placeholder和feed_dict的使用
2018/07/09 Python
python钉钉机器人运维脚本监控实例
2019/02/20 Python
python几种常用功能实现代码实例
2019/12/25 Python
Python while循环使用else语句代码实例
2020/02/07 Python
使用pymysql查询数据库,把结果保存为列表并获取指定元素下标实例
2020/05/15 Python
使用Python实现NBA球员数据查询小程序功能
2020/11/09 Python
2015年小学语文工作总结
2015/05/25 职场文书
用python自动生成日历
2021/04/24 Python
JavaScript架构localStorage特殊场景下二次封装操作
2022/06/21 Javascript