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一些实用技巧小结
Mar 18 Javascript
可以用鼠标拖动的DIV实现思路及代码
Oct 21 Javascript
javascript setinterval 的正确语法如何书写
Jun 17 Javascript
javascript常用函数归纳整理
Oct 31 Javascript
详谈jQuery中的this和$(this)
Nov 13 Javascript
node.js中的http.response.addTrailers方法使用说明
Dec 14 Javascript
DOM操作一些常用的属性汇总
Mar 13 Javascript
bootstrap table表格插件使用详解
May 08 Javascript
Vue子组件向父组件通信与父组件调用子组件中的方法
Jun 22 Javascript
vue实现的网易云音乐在线播放和下载功能案例
Feb 18 Javascript
node使用request请求的方法
Dec 20 Javascript
Javascript地址引用代码实例解析
Feb 25 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
ajax php 实现写入数据库
2009/09/02 PHP
ThinkPHP实现跨模块调用操作方法概述
2014/06/20 PHP
php学习笔记之基础知识
2014/11/08 PHP
php文件上传简单实现方法
2015/01/24 PHP
PHP常见字符串处理函数用法示例【转换,转义,截取,比较,查找,反转,切割】
2016/12/24 PHP
javascript实现的网页局布刷新效果
2008/12/01 Javascript
extjs form textfield的隐藏方法
2008/12/29 Javascript
JS获取月的最后一天与JS得到一个月份最大天数的实例代码
2013/12/16 Javascript
js和jquery中循环的退出和继续下一个循环
2014/09/03 Javascript
深入学习JavaScript中的原型prototype
2015/08/13 Javascript
JS日期格式化之javascript Date format
2015/10/01 Javascript
javascript关于继承解析
2016/05/10 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
2016/11/03 Javascript
使用JS正则表达式 替换括号,尖括号等
2016/11/29 Javascript
JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效)
2017/07/07 Javascript
IScroll那些事_当内容不足时下拉刷新的解决方法
2017/07/18 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
2019/05/26 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
2019/09/04 Javascript
layui下拉列表select实现可输入查找的方法
2019/09/28 Javascript
python爬虫入门教程之糗百图片爬虫代码分享
2014/09/02 Python
Python实现的对本地host127.0.0.1主机进行扫描端口功能示例
2019/02/15 Python
将string类型的数据类型转换为spark rdd时报错的解决方法
2019/02/18 Python
Python-while 计算100以内奇数和的方法
2019/06/11 Python
python按键按住不放持续响应的实例代码
2019/07/17 Python
Django 通过JS实现ajax过程详解
2019/07/30 Python
python3 assert 断言的使用详解 (区别于python2)
2019/11/27 Python
python判断变量是否为int、字符串、列表、元组、字典的方法详解
2020/02/13 Python
Pytorch实现将模型的所有参数的梯度清0
2020/06/24 Python
李维斯德国官方网上商店:Levi’s德国
2016/09/10 全球购物
跟单文员岗位职责
2014/01/03 职场文书
医学生求职信
2014/07/01 职场文书
党员个人年度总结
2015/02/14 职场文书
Pytorch可视化的几种实现方法
2021/06/10 Python
Ajax实现异步加载数据
2021/11/17 Javascript
Python可变集合和不可变集合的构造方法大全
2021/12/06 Python
Python之matplotlib绘制折线图
2022/04/13 Python