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中获取选中对象的类型
Apr 02 Javascript
Jquery实现图片左右自动滚动示例
Sep 25 Javascript
jQuery中odd选择器的定义和用法
Dec 23 Javascript
详解Backbone.js框架中的模型Model与其集合collection
May 05 Javascript
微信小程序 Button 组件详解及简单实例
Jan 10 Javascript
canvas 实现中国象棋
Feb 17 Javascript
详解微信小程序调起键盘性能优化
Jul 24 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
Sep 29 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
Sep 25 Javascript
vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题
Apr 14 Javascript
JS实现简单移动端鼠标拖拽
Jul 23 Javascript
原生js实现拖拽移动与缩放效果
Aug 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语法(3)
2006/10/09 PHP
怎样在UNIX系统下安装MySQL
2006/10/09 PHP
PHP实现采集程序原理和简单示例代码
2007/03/18 PHP
浅析PHP中Session可能会引起并发问题
2015/07/23 PHP
PHP Laravel 上传图片、文件等类封装
2017/08/16 PHP
phpfpm的作用和用法
2019/10/10 PHP
各种效果的jquery ui(接口)介绍
2008/09/17 Javascript
分析Node.js connect ECONNREFUSED错误
2013/04/09 Javascript
基于Vuejs实现购物车功能
2016/08/02 Javascript
微信小程序 配置文件详细介绍
2016/12/14 Javascript
关于jQuery.ajax()的jsonp碰上post详解
2017/07/02 jQuery
Vue 实现显示/隐藏层的思路(加全局点击事件)
2019/12/31 Javascript
JavaScript Array.flat()函数用法解析
2020/09/02 Javascript
[01:04:14]VP vs TNC 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
2015/10/13 Python
web.py 十分钟创建简易博客实现代码
2016/04/22 Python
Python编程实现数学运算求一元二次方程的实根算法示例
2017/04/02 Python
python使用opencv读取图片的实例
2017/08/17 Python
python中实现k-means聚类算法详解
2017/11/11 Python
python实现录音小程序
2020/10/26 Python
Python爬虫将爬取的图片写入world文档的方法
2018/11/07 Python
python常用函数与用法示例
2019/07/02 Python
完美解决keras保存好的model不能成功加载问题
2020/06/11 Python
详解python内置模块urllib
2020/09/09 Python
HTML5 Canvas的性能提高技巧经验分享
2013/07/02 HTML / CSS
项目管理计划书
2014/01/09 职场文书
幼儿教师考核制度
2014/01/25 职场文书
毕业生求职自荐书范文
2014/03/27 职场文书
单位绩效考核方案
2014/05/11 职场文书
投标人廉洁自律承诺书
2014/05/26 职场文书
药店采购员岗位职责
2014/09/30 职场文书
讲座新闻稿
2015/07/18 职场文书
扩展多台相同的Web服务器
2021/04/01 Servers
Python编解码问题及文本文件处理方法详解
2021/06/20 Python
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL
Android使用EventBus发送消息,Fragment中接收消息的方法会执行多次
2022/04/24 Java/Android