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画5角星方法介绍
Sep 17 Javascript
jquery实现checkbox 全选/全不选的通用写法
Feb 22 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
May 18 Javascript
JS实现关闭当前页而不弹出提示框的方法
Jun 22 Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
Aug 08 Javascript
Bootstrap CSS布局之代码
Dec 17 Javascript
微信小程序开发经验总结(推荐)
Jan 11 Javascript
微信小程序-获得用户输入内容
Feb 13 Javascript
JavaScript实现定时页面跳转功能示例
Feb 14 Javascript
mongoose更新对象的两种方法示例比较
Dec 19 Javascript
微信小程序实现tab左右切换效果
Nov 15 Javascript
webpack结合express实现自动刷新的方法
May 07 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 MsSql server时遇到的中文编码问题
2009/06/11 PHP
Yii2中添加全局函数的方法分析
2017/05/04 PHP
thinkPHP5实现的查询数据库并返回json数据实例
2017/10/23 PHP
javascript之解决IE下不渲染的bug
2007/06/29 Javascript
利用js获取服务器时间的两个简单方法
2010/01/08 Javascript
Javascript的一种模块模式
2010/09/08 Javascript
基于jquery实现图片广告轮换效果代码
2011/07/07 Javascript
HTML中的setCapture和releaseCapture使用介绍
2012/03/21 Javascript
js监听滚动条滚动事件使得某个标签内容始终位于同一位置
2014/01/24 Javascript
javascript强制点击广告的方法
2015/02/06 Javascript
JavaScript获取网页中第一个图片id的方法
2015/04/03 Javascript
ECMAScript5(ES5)中bind方法使用小结
2015/05/07 Javascript
jquery插件splitScren实现页面分屏切换模板特效
2015/06/16 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
简单实现jQuery多选框功能
2017/01/09 Javascript
详解微信小程序入门五: wxml文件引用、模版、生命周期
2017/01/20 Javascript
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
浅析Visual Studio Code断点调试Vue
2018/02/27 Javascript
基于JavaScript实现幸运抽奖页面
2020/07/05 Javascript
讲解vue-router之什么是嵌套路由
2018/05/28 Javascript
JS实现的JSON序列化操作简单示例
2018/07/02 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
2019/05/14 Javascript
Python matplotlib生成图片背景透明的示例代码
2019/08/30 Python
关于sys.stdout和print的区别详解
2019/12/05 Python
python实现同一局域网下传输图片
2020/03/20 Python
python 代码实现k-means聚类分析的思路(不使用现成聚类库)
2020/06/01 Python
Whittard官方海外旗舰店:英国百年茶叶品牌
2018/02/22 全球购物
学校门卫岗位职责范本
2014/06/30 职场文书
教师暑期培训感言
2014/08/15 职场文书
工作失误检讨书(3篇)
2014/10/11 职场文书
2015年艾滋病宣传活动总结
2015/03/27 职场文书
社区党支部公开承诺书
2015/04/29 职场文书
Java 泛型详解(超详细的java泛型方法解析)
2021/07/02 Java/Android
Sql Server之数据类型详解
2022/02/28 SQL Server
SpringCloud Feign请求头删除修改的操作代码
2022/03/20 Java/Android
安装harbor作为docker镜像仓库的问题
2022/06/14 Servers