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 相关文章推荐
jQuery插件实现屏蔽单个元素使用户无法点击
Apr 12 Javascript
jQuery中addClass()方法用法实例
Jan 05 Javascript
jquery动态导航插件dynamicNav用法实例分析
Sep 06 Javascript
jQuery多条件筛选如何实现
Nov 04 Javascript
原生javascript实现addClass,removeClass,hasClass函数
Feb 25 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
Oct 26 Javascript
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
Dec 24 jQuery
vue-content-loader内容加载器的使用方法
Aug 05 Javascript
基于JS实现前端压缩上传图片的实例代码
May 14 Javascript
详解在React-Native中持久化redux数据
May 22 Javascript
Javascript模拟实现new原理解析
Mar 03 Javascript
js cavans实现静态滚动弹幕
May 21 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
Ubuntu中启用php的mail()函数并解决发送邮件速度慢问题
2015/03/27 PHP
PHP实现执行外部程序的方法详解
2017/08/17 PHP
laravel 解决crontab不执行的问题
2019/10/22 PHP
脚本吧 - 幻宇工作室用到js,超强推荐expand.js
2006/12/23 Javascript
用JavaScript实现仿Windows关机效果
2007/03/10 Javascript
js下将字符串当函数执行的方法
2011/07/13 Javascript
Jquery颜色选择器ColorPicker实现代码
2012/11/14 Javascript
jquery提示效果实例分析
2014/11/25 Javascript
jQuery+jRange实现滑动选取数值范围特效
2015/03/14 Javascript
jQuery简单实现日历的方法
2015/05/04 Javascript
Javascript函数式编程简单介绍
2015/10/11 Javascript
使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo
2016/09/01 Javascript
微信小程序实现多个按钮toggle功能的实例
2017/06/13 Javascript
select自定义小三角样式代码(实用总结)
2017/08/18 Javascript
jQuery实现购物车的总价计算和总价传值功能
2018/11/28 jQuery
Three.js中矩阵和向量的使用教程
2019/03/19 Javascript
如何基于JS截获动态代码
2019/12/25 Javascript
vue中对象数组去重的实现
2020/02/06 Javascript
JavaScript定时器使用方法详解
2020/03/26 Javascript
微信小程序实现点击导航条切换页面
2020/11/19 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
python在指定目录下查找gif文件的方法
2015/05/04 Python
浅谈DataFrame和SparkSql取值误区
2018/06/09 Python
Python处理mysql特殊字符的问题
2020/03/02 Python
Python进程的通信Queue、Pipe实例分析
2020/03/30 Python
纽约市的奢华内衣目的地:Anya Lust
2019/08/02 全球购物
GafasWorld西班牙:购买太阳镜、眼镜和隐形眼镜
2019/09/08 全球购物
预订旅游活动、景点和旅游:GetYourGuide
2019/09/29 全球购物
高中生学习的自我评价
2013/12/14 职场文书
英文商务邀请信
2014/01/22 职场文书
端午节粽子促销活动方案
2014/02/02 职场文书
工作睡觉检讨书
2014/02/25 职场文书
心理咨询承诺书
2014/05/20 职场文书
2014年安全员工作总结
2014/11/13 职场文书
结婚当天新郎保证书
2015/05/08 职场文书
Python+SeaTable实现计算两个日期间的工作日天数
2022/07/07 Python