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 相关文章推荐
jQuery 源码分析笔记(2) 变量列表
May 28 Javascript
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
Feb 26 Javascript
用Jquery重写windows.alert方法实现思路
Apr 03 Javascript
JS不能跨域借助jquery获取IP地址的方法
Aug 20 Javascript
实例讲解js验证表单项是否为空的方法
Jan 09 Javascript
JS实现控制图片显示大小的方法【图片等比例缩放功能】
Feb 18 Javascript
代码实例ajax实现点击加载更多数据图片
Oct 12 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 jQuery
JS script脚本中async和defer区别详解
Jun 24 Javascript
js里面的变量范围分享
Jul 18 Javascript
VUE中鼠标滚轮使div左右滚动的方法详解
Dec 14 Vue.js
Vue实现tab导航栏并支持左右滑动功能
Jun 28 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
windows下PHP APACHE MYSQ完整配置
2007/01/02 PHP
php打印输出棋盘的实现方法
2014/12/23 PHP
PHP自定义错误用法示例
2016/09/28 PHP
用jquery实现自定义风格的滑动条实现代码
2011/04/26 Javascript
让你的CSS像Jquery一样做筛选的实现方法
2011/07/10 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
2015/05/20 Javascript
javascript封装的sqlite操作类实例
2015/07/17 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
2015/09/16 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
2016/03/01 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
2016/07/04 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
2016/11/22 Javascript
jQuery实现checkbox列表的全选、反选功能
2016/11/24 Javascript
jquery dialog获取焦点的方法
2017/02/09 Javascript
原生JS实现跑马灯效果
2017/02/20 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
2017/04/12 Javascript
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
Vue结合后台导入导出Excel问题详解
2019/02/19 Javascript
探索JavaScript中私有成员的相关知识
2019/06/13 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
用Python进行基础的函数式编程的教程
2015/03/31 Python
利用Python批量生成任意尺寸的图片
2016/08/29 Python
详解Python异常处理中的Finally else的功能
2017/12/29 Python
Python/ArcPy遍历指定目录中的MDB文件方法
2018/10/27 Python
python 求1-100之间的奇数或者偶数之和的实例
2019/06/11 Python
python实现密码强度校验
2020/03/18 Python
HTML5制作3D爱心动画教程 献给女友浪漫的礼物
2014/11/05 HTML / CSS
科颜氏香港官方网店:Kiehl’s香港
2021/03/07 全球购物
考试作弊被抓检讨书
2014/01/10 职场文书
护士岗位求职应聘自荐书范文
2014/02/12 职场文书
实习会计求职自荐信范文
2014/03/10 职场文书
关于责任的演讲稿
2014/05/20 职场文书
感恩教育月活动总结
2014/07/07 职场文书
港澳通行证委托书怎么写
2014/08/02 职场文书
营销计划书
2015/01/17 职场文书
如何在Mac上通过docker配置PHP开发环境
2021/05/29 PHP