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 Base64 作为文件上传的实例代码解析
这篇文章主要介绍了JavaScript Base64 作为文件上传的实例代码解析,非常不错,具有参考借鉴价值,需要的朋友可以参考下2017-02-02基于Bootstrap漂亮简洁的CSS3价格表(附源码下载)
该价格表基于Bootstrap网格系统来进行布局,通过简单的CSS3代码来美化价格表,样式非常的时尚漂亮,且能在不同屏幕下展示良好的效果,需要的朋友可以参考下2017-02-02javascript 加入收藏、设为首页(IE,firefox兼容脚本之家版)
网上流行很多的加入收藏、设为首页等功能代码,但各方面不是很完善,特脚本之家编辑特为大家准备了可以直接使用的代码。2009-11-11
最新评论