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 相关文章推荐
网页整体变灰白色(兼容各浏览器)实例
Apr 21 Javascript
JavaScript设置首页和收藏页面的小例子
Nov 11 Javascript
append和appendTo的区别以及appendChild用法
Dec 24 Javascript
JS控制层作圆周运动的方法
Jun 20 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
Jul 22 Javascript
js仿手机页面文件下拉刷新效果
Oct 14 Javascript
基于javascript实现数字英文验证码
Jan 25 Javascript
浅谈JavaScript find 方法不支持IE的问题
Sep 28 Javascript
Vue动态加载异步组件的方法
Nov 21 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
Jul 24 Javascript
vue3 源码解读之 time slicing的使用方法
Oct 31 Javascript
vue如何使用rem适配
Feb 06 Vue.js
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
第十一节 重载 [11]
2006/10/09 PHP
基于wordpress主题制作的具体实现步骤
2013/05/10 PHP
PHP实现无限级分类(不使用递归)
2015/10/22 PHP
JavaScript Archive Network 集合
2007/05/12 Javascript
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
2011/04/16 Javascript
jquery实现select选中行、列合计示例
2014/04/25 Javascript
nodejs实现遍历文件夹并统计文件大小
2015/05/28 NodeJs
详解JavaScript中void语句的使用
2015/06/04 Javascript
node.js 中国天气预报 简单实现
2016/06/06 Javascript
JavaScript中函数声明与函数表达式的区别详解
2016/08/18 Javascript
表单元素值获取方式js及java方式的简单实例
2016/10/15 Javascript
用 js 的 selection range 操作选择区域内容和图片
2017/04/18 Javascript
SeaJS中use函数用法实例分析
2017/10/10 Javascript
Angular实现可删除并计算总金额的购物车功能示例
2017/12/26 Javascript
Vue2.0实现组件数据的双向绑定问题
2018/03/06 Javascript
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
2018/07/26 Javascript
vue中使用gojs/jointjs的示例代码
2018/08/24 Javascript
关于vue的npm run dev和npm run build的区别介绍
2019/01/14 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
2019/11/04 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
2020/03/25 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
2020/05/31 Javascript
python 中文字符串的处理实现代码
2009/10/25 Python
python生成每日报表数据(Excel)并邮件发送的实例
2019/02/03 Python
Django网络框架之创建虚拟开发环境操作示例
2019/06/06 Python
使用python进行广告点击率的预测的实现
2019/07/04 Python
对python3中的RE(正则表达式)-详细总结
2019/07/23 Python
python3 logging日志封装实例
2020/04/08 Python
python归并排序算法过程实例讲解
2020/11/04 Python
Rosetta Stone官方网站:语言学习
2019/01/05 全球购物
投标单位介绍信
2014/01/09 职场文书
大专学生求职信
2014/07/04 职场文书
2014机关党员干部“正风肃纪”思想汇报
2014/09/15 职场文书
立项申请报告范本
2015/05/15 职场文书
简爱电影观后感
2015/06/10 职场文书
教师节主题班会教案
2015/08/17 职场文书
小学班级管理心得体会
2016/01/07 职场文书