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 中的日期和时间及表示标准介绍
Aug 21 Javascript
js实现身份证号码验证的简单实例
Feb 19 Javascript
javascript常见数据验证插件大全
Aug 03 Javascript
JavaScript中的call方法和apply方法使用对比
Aug 12 Javascript
js正则表达式注册页面表单验证
Oct 11 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
Mar 03 Javascript
详解Webpack + ES6 最新环境搭建与配置
Jun 04 Javascript
webpack多入口多出口的实现方法
Aug 17 Javascript
vue实现点击隐藏与显示实例分享
Feb 13 Javascript
JS实现li标签的删除
Apr 12 Javascript
Vue作用域插槽实现方法及作用详解
Jul 08 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
Sep 22 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代码DOS造成用光网络带宽
2011/03/01 PHP
php禁止直接从浏览器输入地址访问.php文件的方法
2014/11/04 PHP
详解PHP+AJAX无刷新分页实现方法
2015/11/03 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
显示js对象所有属性和方法的函数
2009/10/16 Javascript
COM中获取JavaScript数组大小的代码
2009/11/22 Javascript
Javascript 函数中的参数使用分析
2010/03/27 Javascript
让IE6支持min-width和max-width的方法
2010/06/25 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
2020/09/12 Javascript
jQuery中innerHeight()方法用法实例
2015/01/19 Javascript
jquery+easeing实现仿flash的载入动画
2015/03/10 Javascript
jQuery移动web开发中的页面初始化与加载事件
2015/12/03 Javascript
详解Javascript数据类型的转换规则
2016/12/12 Javascript
Bootstarp 基础教程之表单部分实例代码
2017/02/03 Javascript
JQuery.dataTables表格插件添加跳转到指定页
2017/06/09 jQuery
react-native之ART绘图方法详解
2017/08/08 Javascript
JS switch判断 三目运算 while 及 属性操作代码
2017/09/03 Javascript
微信小程序返回多级页面的实现方法
2017/10/27 Javascript
深入理解vue-class-component源码阅读
2019/02/18 Javascript
详解如何使用nvm管理Node.js多版本
2019/05/06 Javascript
原生js实现随机点餐效果
2019/12/10 Javascript
[01:03:38]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS CIS
2014/05/22 DOTA
[45:59]EG vs OG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Python实现简单求解给定整数的质因数算法示例
2018/03/25 Python
flask-restful使用总结
2018/12/04 Python
基于python2.7实现图形密码生成器的实例代码
2019/11/05 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
利用Python制作动态排名图的实现代码
2020/04/09 Python
PyQt5实现简单的计算器
2020/05/30 Python
以下的初始化有什么区别
2013/12/16 面试题
EJB的基本架构
2016/09/22 面试题
销售文员岗位职责
2013/11/29 职场文书
应届医学毕业生求职信分享
2013/12/02 职场文书
秋季运动会广播稿
2014/02/22 职场文书
小英雄雨来观后感
2015/06/09 职场文书
2015年美容师个人工作总结
2015/10/14 职场文书