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 原型继承
Dec 26 Javascript
JavaScript 处理Iframe自适应高度(同或不同域名下)
Mar 29 Javascript
浅析javascript中function 的 length 属性
May 27 Javascript
jquery中post方法用法实例
Oct 21 Javascript
node.js中的fs.mkdir方法使用说明
Dec 17 Javascript
jquery表单验证插件(jquery.validate.js)的3种使用方式
Mar 28 Javascript
JS实现的网页背景闪电闪烁效果代码
Oct 17 Javascript
JavaScript观察者模式(经典)
Dec 09 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
Sep 01 Javascript
javascript实现非常简单的小数取整功能示例
Jun 13 Javascript
基于wordpress的ajax写法详解
Jan 02 Javascript
在JavaScript中查找字符串中最长单词的三种方法(推荐)
Jan 18 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
phpMyAdmin链接MySql错误 个人解决方案
2009/12/28 PHP
php中实现简单的ACL 完结篇
2011/09/07 PHP
PHP常见漏洞攻击分析
2016/02/21 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
网页自动跳转代码收集
2009/09/27 Javascript
chrome原生方法之数组
2011/11/30 Javascript
JavaScript将Table导出到Excel实现思路及代码
2013/03/13 Javascript
Jquery实现三层遍历删除功能代码
2013/04/23 Javascript
jquery实现从数组移除指定的值
2015/06/24 Javascript
判断数组的最佳方法(推荐)
2016/10/11 Javascript
基于JS实现bookstore静态页面的实例代码
2017/02/22 Javascript
详解win7 cmd执行vue不是内部命令的解决方法
2017/07/27 Javascript
快速掌握jquery分页插件jqPaginator的使用方法
2017/08/09 jQuery
微信小程序BindTap快速连续点击目标页面跳转多次问题处理
2019/04/08 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
2019/09/26 Javascript
Python简单格式化时间的方法【strftime函数】
2016/09/18 Python
Pycharm 操作Django Model的简单运用方法
2018/05/23 Python
python3实现随机数
2018/06/25 Python
python 3.6.2 安装配置方法图文教程
2018/09/18 Python
Python实用工具FuckIt.py介绍
2019/07/02 Python
浅析使用Python搭建http服务器
2019/10/27 Python
Python实现非正太分布的异常值检测方式
2019/12/09 Python
python 求10个数的平均数实例
2019/12/16 Python
Python学习之time模块的基本使用
2021/01/17 Python
你可能不熟练的十个前端HTML5经典面试题
2018/07/03 HTML / CSS
Html5 Canvas动画基础碰撞检测的实现
2018/12/06 HTML / CSS
Weblogic的布署方式
2013/08/23 面试题
水务局局长岗位职责
2013/11/28 职场文书
英语专业毕业生求职信
2014/05/24 职场文书
计算机多媒体专业自荐信
2014/07/04 职场文书
夫妻婚内购房协议书
2014/10/05 职场文书
小学生班干部竞选稿
2015/11/20 职场文书
2016年社区“我们的节日·中秋节”活动总结
2016/04/05 职场文书
爱国之歌(8首)
2019/09/29 职场文书
Python Pandas读取Excel日期数据的异常处理方法
2022/02/28 Python
Python OpenCV实现图像模板匹配详解
2022/04/07 Python