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 相关文章推荐
为Yahoo! UI Extensions Grid增加内置的可编辑器
Mar 10 Javascript
jquery 中多条件选择器,相对选择器,层次选择器的区别
Jul 03 Javascript
js replace替换所有匹配的字符串
Feb 13 Javascript
JS、DOM和JQuery之间的关系示例分析
Apr 09 Javascript
理解 JavaScript Scoping &amp; Hoisting(二)
Nov 18 Javascript
vue.js初学入门教程(2)
Nov 07 Javascript
Angular2实现自定义双向绑定属性
Mar 22 Javascript
基于jQuery实现定位导航位置效果
Nov 15 jQuery
jQuery中将json数据显示到页面表格的方法
May 27 jQuery
jQuery实现简单弹幕效果
Nov 28 jQuery
js利用iframe实现选项卡效果
Aug 09 Javascript
分享几个JavaScript运算符的使用技巧
Apr 24 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 中的str_replace 函数总结
2007/04/27 PHP
PHP文件上传判断file是否己选择上传文件的方法
2014/11/10 PHP
php以fastCGI的方式运行时文件系统权限问题及解决方法
2015/05/11 PHP
PHP的Yii框架的常用日志操作总结
2015/12/08 PHP
php图片裁剪函数
2018/10/31 PHP
Laravel5.5 动态切换多语言的操作方式
2019/10/25 PHP
PHP7 新增常量
2021/03/09 PHP
用javascript连接access数据库的方法
2006/11/17 Javascript
Javascript异步表单提交,图片上传,兼容异步模拟ajax技术
2010/05/10 Javascript
单击按钮显示隐藏子菜单经典案例
2013/01/04 Javascript
Javascript原型链和原型的一个误区
2014/10/22 Javascript
javascript实现图片循环渐显播放的方法
2015/02/24 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
2015/08/07 Javascript
Extjs4.0 ComboBox如何实现三级联动
2016/05/11 Javascript
JavaScript面向对象分层思维全面解析
2016/11/22 Javascript
微信小程序实战篇之购物车的实现代码示例
2017/11/30 Javascript
如何使node也支持从url加载一个module详解
2018/06/05 Javascript
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
2018/08/24 Javascript
Iview Table组件中各种组件扩展的使用
2018/10/20 Javascript
vue webpack打包后图片路径错误的完美解决方法
2018/12/07 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
2019/06/25 Javascript
微信小程序 腾讯地图显示偏差问题解决
2019/07/27 Javascript
基于Vue全局组件与局部组件的区别说明
2020/08/11 Javascript
vue 数据操作相关总结
2020/12/17 Vue.js
详解Python中的array数组模块相关使用
2016/07/05 Python
浅谈python日志的配置文件路径问题
2018/04/28 Python
python实现的config文件读写功能示例
2019/09/24 Python
tensorflow 大于某个值为1,小于为0的实例
2020/06/30 Python
使用简单的CSS3属性实现炫酷读者墙效果
2014/01/08 HTML / CSS
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
J2EE包括哪些技术
2016/11/25 面试题
《社戏》教学反思
2014/04/15 职场文书
幼儿园区域活动总结
2014/05/08 职场文书
家长对孩子的寒假评语
2015/10/09 职场文书
庭外和解协议书
2016/03/23 职场文书
MySQL系列之九 mysql查询缓存及索引
2021/07/02 MySQL