BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)
程序员文章站
2023-09-08 21:18:39
废话不多说,直接给大家贴代码了,具体代码如下所示:
$('#table').bootstraptable('destroy');
$('#table').bo...
废话不多说,直接给大家贴代码了,具体代码如下所示:
$('#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复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态),希望对大家有所帮助
上一篇: 揭秘:历史上巨鹿之战的邢台在哪里?
下一篇: js+html5实现侧滑页面效果