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 相关文章推荐
可拖动窗口,附带鼠标控制渐变透明,开启关闭功能
Jun 26 Javascript
javascript hasFocus使用实例
Jun 29 Javascript
JavaScript游戏之是男人就下100层代码打包
Nov 08 Javascript
javascript学习笔记(十六) 系统对话框(alert、confirm、prompt)
Jun 20 Javascript
jquery无刷新验证邮箱地址实现实例
Feb 19 Javascript
不想让浏览器运行javascript脚本的方法
Nov 20 Javascript
纯js实现手风琴效果代码
Apr 17 Javascript
深入理解Vue官方文档梳理之全局API
Nov 22 Javascript
JavaScript实现微信号随机切换代码
Mar 09 Javascript
在vue中使用Autoprefixed的方法
Jul 27 Javascript
浅谈React碰到v-if
Nov 04 Javascript
Vue router配置与使用分析讲解
Dec 24 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
关于拼配咖啡,你要知道
2021/03/03 咖啡文化
PHP 分页原理分析,大家可以看看
2009/12/21 PHP
destoon调用discuz论坛中带图片帖子的实现方法
2014/08/21 PHP
基于PHP实现通过照片获取ip地址
2016/04/26 PHP
PHP串行化与反串行化实例分析
2016/12/27 PHP
编写兼容IE和FireFox的脚本
2009/05/18 Javascript
jQuery AnythingSlider滑动效果插件
2010/02/07 Javascript
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
2010/04/01 Javascript
Dom 结点创建 基础知识
2011/10/01 Javascript
关于JavaScript中string 的replace
2013/04/12 Javascript
javascript常用对话框小集
2013/09/13 Javascript
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
jQuery表格排序组件-tablesorter使用示例
2014/05/26 Javascript
使用nodejs、Python写的一个简易HTTP静态文件服务器
2014/07/18 NodeJs
JavaScript实现俄罗斯方块游戏过程分析及源码分享
2015/03/23 Javascript
jquery判断复选框是否被选中的方法
2015/10/16 Javascript
canvas绘制爱心的几种方法总结(推荐)
2017/10/31 Javascript
微信小程序用户自定义模版用法实例分析
2017/11/28 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
2018/07/03 Javascript
在VUE中使用lodash的debounce和throttle操作
2020/11/09 Javascript
Python3实现将文件树中所有文件和子目录归档到tar压缩文件的方法
2015/05/22 Python
python多线程之事件Event的使用详解
2018/04/27 Python
Python连接字符串过程详解
2020/01/06 Python
python爬虫 requests-html的使用
2020/11/30 Python
Html5百叶窗效果的示例代码
2017/12/11 HTML / CSS
法国创作个性化T恤衫和其他定制产品平台:Tostadora
2018/04/08 全球购物
UNIX文件类型
2013/08/29 面试题
电气工程及其自动化自我评价四篇
2013/09/24 职场文书
党员活动日总结
2014/05/05 职场文书
实验心得体会
2014/09/05 职场文书
关于运动会的广播稿
2014/09/22 职场文书
义诊活动总结
2015/02/04 职场文书
前台接待岗位职责范本
2015/04/03 职场文书
开学典礼致辞
2015/07/29 职场文书
2019年教师节活动策划方案
2019/09/09 职场文书
Win10玩csgo闪退如何解决?Win10玩csgo闪退的解决方法
2022/07/23 数码科技