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 相关文章推荐
JS 文件传参及处理技巧分析
May 13 Javascript
jquery easyui combox一些实用的小方法
Dec 25 Javascript
AngularJS中$interval的用法详解
Feb 02 Javascript
IOS中safari下的select下拉菜单文字过长不换行的解决方法
Sep 26 Javascript
seajs学习教程之基础篇
Oct 20 Javascript
详解在Angularjs中ui-sref和$state.go如何传递参数
Apr 24 Javascript
Vue 组件间的样式冲突污染
Aug 31 Javascript
axios发送post请求,提交图片类型表单数据方法
Mar 16 Javascript
基于jQuery.i18n实现web前端的国际化
May 04 jQuery
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
Nov 04 Javascript
微信小程序动态设置图片大小的方法
Nov 21 Javascript
vue-treeselect的基本用法以及解决点击无法出现拉下菜单
Apr 30 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
PHP 中的一些经验积累
2006/10/09 PHP
用php写的serv-u的web申请账号的程序
2006/10/09 PHP
PHP文件缓存类示例分享
2015/01/30 PHP
PHP中使用register_shutdown_function函数截获fatal error示例
2015/04/21 PHP
PHP实现SMTP邮件的发送实例
2018/09/27 PHP
event.keyCode键码值表 附只能输入特定的字符串代码
2009/05/15 Javascript
cnblogs中在闪存中屏蔽某人的实现代码
2010/11/14 Javascript
IE下JS读取xml文件示例代码
2013/08/05 Javascript
不要使用jQuery触发原生事件的方法
2014/03/03 Javascript
jQuery不使用插件及swf实现无刷新文件上传
2014/12/08 Javascript
微信小程序 教程之WXSS
2016/10/18 Javascript
JavaScript mixin实现多继承的方法详解
2017/03/30 Javascript
bootstrap弹出层的多种触发方式
2017/05/10 Javascript
vue axios用法教程详解
2017/07/23 Javascript
vue单页面实现当前页面刷新或跳转时提示保存
2018/11/02 Javascript
Js参数RSA加密传输之jsencrypt.js的使用
2020/02/07 Javascript
ES6函数和数组用法实例分析
2020/05/23 Javascript
Angular8 简单表单验证的实现示例
2020/06/03 Javascript
JavaScript 防盗链的原理以及破解方法
2020/12/29 Javascript
Python SQLite3数据库日期与时间常见函数用法分析
2017/08/14 Python
Python实现批量读取图片并存入mongodb数据库的方法示例
2018/04/02 Python
windows下numpy下载与安装图文教程
2019/04/02 Python
Python Des加密解密如何实现软件注册码机器码
2020/01/08 Python
解决pycharm中opencv-python导入cv2后无法自动补全的问题(不用作任何文件上的修改)
2020/03/05 Python
使用gunicorn部署django项目的问题
2020/12/30 Python
使用javascript和HTML5 Canvas画的四渐变色播放按钮效果
2014/04/10 HTML / CSS
德国最大的设计师鞋网上商店:Budapester
2017/12/07 全球购物
澳大利亚墨水站Ink Station:墨水和碳粉打印机墨盒
2019/03/24 全球购物
Groupon荷兰官方网站:高达70%的折扣
2019/11/01 全球购物
限量版运动鞋和街头服饰:TheDrop
2020/09/06 全球购物
教你怎样写好自我评价
2013/10/05 职场文书
探亲邀请信范文
2014/01/30 职场文书
课例研修方案
2014/05/31 职场文书
担保书范文
2019/07/09 职场文书
CSS3点击按钮圆形进度打钩效果的实现代码
2021/03/30 HTML / CSS
python基础之类方法和静态方法
2021/10/24 Python