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 相关文章推荐
判断客户端浏览器是否安装了Flash插件的多种方法
Aug 11 Javascript
javascript中&quot;/&quot;运算符常见错误
Oct 13 Javascript
基于jQuery的仿flash的广告轮播
Nov 05 Javascript
JS在可编辑的div中的光标位置插入内容的方法
Nov 20 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
Jan 28 Javascript
浅谈jQuery中height与width
Jul 06 Javascript
jquery取消事件冒泡的三种方法(推荐)
May 28 Javascript
vuejs动态组件给子组件传递数据的方法详解
Sep 09 Javascript
BootStrap表单宽度设置方法
Mar 10 Javascript
vue上传图片组件编写代码
Jul 26 Javascript
前端主流框架vue学习笔记第二篇
Jul 26 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
Aug 14 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与MySQL开发中页面出现乱码的一种解决方法
2007/07/29 PHP
php查看session内容的函数
2008/08/27 PHP
apache mysql php 源码编译使用方法
2012/05/03 PHP
php数组操作之键名比较与差集、交集赋值的方法
2014/11/10 PHP
PHP中COOKIES使用示例
2015/07/26 PHP
把textarea中字符串里含有的回车换行替换成&amp;lt;br&amp;gt;的javascript代码
2007/04/20 Javascript
关于js类的定义
2011/06/28 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
2013/08/07 Javascript
jQuery插件开发详细教程
2014/06/06 Javascript
express的中间件basicAuth详解
2014/12/04 Javascript
浅谈javascript基础之客户端事件驱动
2016/06/10 Javascript
js利用clipboardData实现截屏粘贴功能
2016/10/12 Javascript
JS中动态创建元素的三种方法总结(推荐)
2016/10/20 Javascript
JS中关于事件处理函数名后面是否带括号的问题
2016/11/16 Javascript
巧用Javascript的逻辑运算符
2016/12/02 Javascript
ES6扩展运算符用法实例分析
2017/10/31 Javascript
jQuery EasyUI window窗口使用实例代码
2017/12/25 jQuery
vue项目前端埋点的实现
2019/03/06 Javascript
Vite和Vue CLI的优劣
2021/01/30 Vue.js
Python实现SMTP发送邮件详细教程
2021/03/02 Python
Python+django实现简单的文件上传
2016/08/17 Python
Python抓取聚划算商品分析页面获取商品信息并以XML格式保存到本地
2018/02/23 Python
numpy.random.shuffle打乱顺序函数的实现
2019/09/10 Python
python框架django项目部署相关知识详解
2019/11/04 Python
Python计算指定日期是今年的第几天(三种方法)
2020/03/26 Python
Python如何在main中调用函数内的函数方式
2020/06/01 Python
同程旅游英文网站:LY.com
2018/11/13 全球购物
公司年会晚宴演讲稿
2014/01/06 职场文书
甜品蛋糕店创业计划书范文
2014/02/06 职场文书
暑期社会实践先进个人主要事迹
2014/05/22 职场文书
党员个人对照检查材料思想汇报
2014/09/16 职场文书
质监局领导班子对照检查材料思想汇报
2014/09/27 职场文书
开场白怎么写
2015/06/01 职场文书
2017大学生寒假社会实践心得体会
2016/01/14 职场文书
英文诗歌翻译方法(赏析)
2019/08/16 职场文书
解决MultipartFile.transferTo(dest) 报FileNotFoundExcep的问题
2021/07/01 Java/Android