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

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

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

$('#table').bootstrapTable('destroy');

$('#table').bootstrapTable({

url:'../data/kehulist.json',

uniqueId: "idhttp://",

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,

http:// "tel":"18536552258"

},

{

"id": "3",

"name": "金蝶软件（中国）有限公司",

"state": false,

"tel":"18536552258"

}

]

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。