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

 更新时间:2017年07月11日 14:10:01   作者:duan199404  
本文通过实例代码给大家介绍了BootStrap Table复选框默认选中功能(从数据库获取到对应的状态进行判断是否为选中状态),代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧

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

$('#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中的console.trace()函数介绍

    JavaScript中的console.trace()函数介绍

    这篇文章主要介绍了JavaScript中的console.trace()函数详细介绍,console.trace()函数用来打印函数调用的栈信息,需要的朋友可以参考下
    2014-12-12
  • JS 各种网页尺寸判断实例方法

    JS 各种网页尺寸判断实例方法

    JS 各种网页尺寸判断实例方法,需要的朋友可以参考一下
    2013-04-04
  • JavaScript学习笔记之图片库案例分析

    JavaScript学习笔记之图片库案例分析

    这篇文章主要介绍了JavaScript学习笔记之图片库案例,结合具体实例形式分析了javascript图片库相关的页面元素动态操作实现技巧,需要的朋友可以参考下
    2019-01-01
  • 详解js访问对象的属性和方法

    详解js访问对象的属性和方法

    在本篇文章里我们给大家分享了关于js访问对象的属性和方法的相关知识点,有需要的朋友们可以学习下。
    2018-10-10
  • onkeydown事件解决按回车键直接提交数据的需求

    onkeydown事件解决按回车键直接提交数据的需求

    登陆页面需要扑捉用户按下回车自动提交的需求,于是相到在body里添加onkeydown事件跳javascript在提交表单,具体看下实现代码,希望对你有所帮助
    2013-04-04
  • JS实现仿QQ面板的手风琴效果折叠菜单代码

    JS实现仿QQ面板的手风琴效果折叠菜单代码

    这篇文章主要介绍了JS实现仿QQ面板的手风琴效果折叠菜单代码,涉及JavaScript基于鼠标事件动态操作页面元素样式的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • 前端截图几种常用实现方式总结

    前端截图几种常用实现方式总结

    这篇文章主要介绍了前端截图几种常用实现方式,包括使用HTML5的canvas和html2canvas库、浏览器API以及结合后端服务,每种方法都有其优缺点,大家可以根据需求选择方法,需要的朋友可以参考下
    2025-03-03
  • 使用javascript获取页面名称

    使用javascript获取页面名称

    这篇文章主要介绍了使用javascript获取页面名称,非常的简洁,有需要的小伙伴参考下
    2014-12-12
  • js插件实现图片滑动验证码

    js插件实现图片滑动验证码

    这篇文章主要为大家详细介绍了js插件实现图片滑动验证码,滑动模块,实现验证功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • echarts实现饼图与样式设置

    echarts实现饼图与样式设置

    这篇文章介绍了echarts实现饼图与样式设置的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06

最新评论