BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)


Posted in Javascript onJuly 11, 2017

废话不多说,直接给大家贴代码了,具体代码如下所示:

$('#table').bootstrapTable('destroy'); 
$('#table').bootstrapTable({
url:'../data/kehulist.json',
uniqueId: "id",
striped:true,
// pagination:true,
clickToSelect:true,
height:340,
  columns: [{
  field : 'state',
  checkbox:true, 
  formatter : stateFormatter
  },{
    field: 'id',    
    title: '组织编码',
    sortable: true,
  },{
    field: 'name',
    title: '组织名称',
    sortable: true,
  }],
});
//对应的函数进行判断;
function stateFormatter(value, row, index) {
  if (row.state == true)
    return {
      disabled : false,//设置是否可用
      checked : true//设置选中
    };
  return value;
}
模拟后台对应的数据;
[
  {  
    "id": "1",
    "name": "金蝶软件(中国)有限公司",
    "state": false, //是否选中
    "tel":"18536552258"
  },
  {
    "id": "2",
    "name": "金蝶软件(中国)有限公司",
    "state": true,
    "tel":"18536552258"
  },
  {
    "id": "3",
    "name": "金蝶软件(中国)有限公司",
    "state": false,
    "tel":"18536552258"
  }
]

以上所述是小编给大家介绍的BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js URL参数的拼接方法比较
Feb 15 Javascript
获取3个数组不重复的值的具体实现
Dec 30 Javascript
仿JQuery输写高效JSLite代码的一些技巧
Jan 13 Javascript
jquery中ajax跨域方法实例分析
Dec 18 Javascript
关于JS中的apply,call,bind的深入解析
Apr 05 Javascript
jQuery时间日期三级联动(推荐)
Nov 27 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
Oct 27 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
JS实现遍历不规则多维数组的方法
Mar 21 Javascript
快速搭建Node.js(Express)用户注册、登录以及授权的方法
May 09 Javascript
微信小程序单选框自定义赋值
May 26 Javascript
Antd表格滚动 宽度自适应 不换行的实例
Oct 27 Javascript
JS自定义滚动条效果简单实现代码
Oct 27 #Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 #jQuery
微信小程序分页加载的实例代码
Jul 11 #Javascript
Bootstrap弹出框(Popover)被挤压的问题小结
Jul 11 #Javascript
React入门教程之Hello World以及环境搭建详解
Jul 11 #Javascript
underscore之function_动力节点Java学院整理
Jul 11 #Javascript
ReactNative实现图片上传功能的示例代码
Jul 11 #Javascript
You might like
可快速识别放射性物质-国外大神教你diy一个开放式辐射探测器
2020/03/12 无线电
PHP4在WinXP下IIS和Apache2服务器上的安装实例
2006/10/09 PHP
FleaPHP的安全设置方法
2008/09/15 PHP
php正则替换处理HTML页面的方法
2015/06/17 PHP
php工具型代码之印章抠图
2018/07/18 PHP
Laravel框架实现多数据库连接操作详解
2019/07/12 PHP
jscript之Open an Excel Spreadsheet
2007/06/13 Javascript
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
css值转换成数值请抛弃parseInt
2011/10/24 Javascript
jQuery源码分析-04 选择器-Sizzle-工作原理分析
2011/11/14 Javascript
js中return false(阻止)的用法
2013/08/14 Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
2014/03/20 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
2016/09/15 Javascript
JavaScript制作弹出层效果
2016/12/02 Javascript
js最简单的双向绑定实例讲解
2018/01/02 Javascript
5分钟学会Vue动画效果(小结)
2018/07/21 Javascript
如何安装控制器JavaScript生成插件详解
2018/10/21 Javascript
微信小程序封装分享与分销功能过程解析
2019/08/13 Javascript
微信小程序反编译的实现
2020/12/10 Javascript
[51:30]OG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/30 DOTA
python基础学习之如何对元组各个元素进行命名详解
2018/07/12 Python
浅谈python str.format与制表符\t关于中文对齐的细节问题
2019/01/14 Python
详解pytorch 0.4.0迁移指南
2019/06/16 Python
Django上使用数据可视化利器Bokeh解析
2019/07/31 Python
python中return的返回和执行实例
2019/12/24 Python
python 最简单的实现适配器设计模式的示例
2020/06/30 Python
Rodd & Gunn澳大利亚官网:新西兰男装品牌
2018/09/25 全球购物
英国水族馆和池塘用品购物网站:Warehouse Aquatics
2019/08/29 全球购物
列车长先进事迹材料
2014/01/25 职场文书
小学班主任评语大全
2014/04/23 职场文书
学雷锋标兵事迹材料
2014/08/18 职场文书
地球一小时活动总结
2015/02/27 职场文书
员工自我评价范文
2015/03/11 职场文书
2015年公共机构节能宣传周活动总结
2015/03/26 职场文书
导游词之宿迁乾隆行宫
2019/10/15 职场文书