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的offset、client、scroll使用方法详解
Dec 25 Javascript
javascript获取flash版本号的方法
Nov 20 Javascript
JavaScript中setUTCFullYear()方法的使用简介
Jun 12 Javascript
JavaScript设置表单上传时文件个数的方法
Aug 11 Javascript
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
Jun 22 Javascript
JavaScript使用FileReader实现图片上传预览效果
Mar 27 Javascript
JS模拟实现哈希表及应用详解
May 04 Javascript
axios的拦截请求与响应方法
Aug 11 Javascript
JS正则表达式常见函数与用法小结
Apr 13 Javascript
vue项目开启Gzip压缩和性能优化操作
Oct 26 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
Nov 16 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
Nov 19 Vue.js
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
一个更简单的无限级分类菜单代码
2007/01/16 PHP
PHP的几个常用加密函数
2016/02/03 PHP
jquery插件 autoComboBox 下拉框
2010/12/22 Javascript
html组件不可输入(只读)同时任何组件都有效
2013/04/01 Javascript
详解jQuery插件开发中的extend方法
2013/11/19 Javascript
jquery中的查找parents与closest方法之间的区别
2013/12/02 Javascript
jQuery插件imgPreviewQs实现上传图片预览
2016/01/15 Javascript
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
2016/05/27 Javascript
json格式的javascript对象用法分析
2016/07/04 Javascript
浅析Javascript ES6中的原生Promise
2016/08/25 Javascript
Javascript 调用 ActionScript 的简单方法
2016/09/22 Javascript
vue2组件之select2调用的示例代码
2017/10/12 Javascript
vue中子组件向父组件传递数据的实例代码(实现加减功能)
2018/04/20 Javascript
vue: WebStorm设置快速编译运行的方法
2018/10/18 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
2018/10/25 Javascript
js计算最大公约数和最小公倍数代码实例
2019/09/11 Javascript
微信小程序实现蒙版弹出窗功能
2019/09/17 Javascript
微信小程序保持session会话的方法
2020/03/20 Javascript
js实现筛选功能
2020/11/24 Javascript
[53:15]Mineski vs iG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python快速查找算法应用实例
2014/09/26 Python
python3 实现的人人影视网站自动签到
2016/06/19 Python
Python3实现腾讯云OCR识别
2018/11/27 Python
pytz格式化北京时间多出6分钟问题的解决方法
2019/06/21 Python
python函数装饰器之带参数的函数和带参数的装饰器用法示例
2019/11/06 Python
详解Python IO编程
2020/07/24 Python
如何在python中判断变量的类型
2020/07/29 Python
通过代码实例了解Python异常本质
2020/09/16 Python
Pycharm安装python库的方法
2020/11/24 Python
Bally澳大利亚官网:瑞士奢侈品牌
2018/11/01 全球购物
美国购买肉、鸭、家禽、鹅肝和熟食网站:D’Artagnan
2018/11/13 全球购物
中东地区最大的奢侈品市场:The Luxury Closet
2019/04/09 全球购物
小学信息技术教学反思
2014/02/10 职场文书
2014年公司迎新年活动方案
2014/02/24 职场文书
考研英语复习计划
2015/01/19 职场文书
观看安全警示教育片心得体会
2016/01/15 职场文书