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 25 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
Aug 03 Javascript
简单的JavaScript互斥锁分享
Feb 02 Javascript
jQuery中queue()方法用法实例
Dec 29 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
Jun 19 Javascript
学习Bootstrap滚动监听 附调用方法
Jul 02 Javascript
浅析jQuery操作select控件的取值和设值
Dec 07 Javascript
在bootstrap中实现轮播图实例代码
Jun 11 Javascript
JS求Number类型数组中最大元素方法
Apr 08 Javascript
解决layui laydate 时间控件一闪而过的问题
Sep 28 Javascript
vue element-ui实现动态面包屑导航
Dec 23 Javascript
JavaScript实现拖拽功能
Feb 11 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
46 个非常有用的 PHP 代码片段
2016/02/16 PHP
设定php简写功能的方法
2019/11/28 PHP
自动完成JS类(纯JS, Ajax模式)
2009/03/12 Javascript
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
2010/10/18 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
2012/05/20 Javascript
JS隐藏参数post传值实例
2013/04/18 Javascript
jquery做的一个简单的屏幕锁定提示框
2014/03/26 Javascript
浅析JavaScript事件和方法
2015/02/28 Javascript
jquery使整个div区域可以点击的方法
2015/06/24 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
2016/06/29 Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
2016/11/10 Javascript
Bootstrap基本组件学习笔记之导航(10)
2016/12/07 Javascript
layer弹出层中H5播放器全屏出错的解决方法
2017/02/21 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
2017/07/31 Javascript
响应式框架Bootstrap栅格系统的实例
2017/12/19 Javascript
Bootstrap Table中的多选框删除功能
2018/07/15 Javascript
json字符串传到前台input的方法
2018/08/06 Javascript
react脚手架如何配置less和ant按需加载的方法步骤
2018/11/28 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
2019/04/10 Javascript
详解JavaScript 浮点数运算的精度问题
2019/07/23 Javascript
Python多线程编程(四):使用Lock互斥锁
2015/04/05 Python
Python多版本开发环境管理工具介绍
2019/07/03 Python
详解python解压压缩包的五种方法
2019/07/05 Python
pandas 层次化索引的实现方法
2019/07/06 Python
简单了解python代码优化小技巧
2019/07/08 Python
Window10下python3.7 安装与卸载教程图解
2019/09/30 Python
Django在Model保存前记录日志实例
2020/05/14 Python
python mysql中in参数化说明
2020/06/05 Python
python os.listdir()乱码解决方案
2021/01/31 Python
数据库的约束含义
2012/09/09 面试题
杭州龙健科技笔试题.net部分笔试题
2016/01/24 面试题
什么是反射?如何实现反射?
2016/07/25 面试题
法学院毕业生求职信
2014/06/25 职场文书
裁员通知
2015/04/25 职场文书
Pytorch DataLoader shuffle验证方式
2021/06/02 Python
JavaScript严格模式不支持八进制的问题讲解
2021/11/07 Javascript