BootStrap Table復選框默認選中功能的實現(xiàn)代碼(從數(shù)據(jù)庫獲取到對應的狀態(tài)進行判斷是否為選中狀態(tài))
更新時間:2017年07月11日 14:10:01 作者:duan199404
本文通過實例代碼給大家介紹了BootStrap Table復選框默認選中功能(從數(shù)據(jù)庫獲取到對應的狀態(tài)進行判斷是否為選中狀態(tài)),代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的的朋友參考下吧
廢話不多說,直接給大家貼代碼了,具體代碼如下所示:
$('#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,
}],
});
//對應的函數(shù)進行判斷;
function stateFormatter(value, row, index) {
if (row.state == true)
return {
disabled : false,//設置是否可用
checked : true//設置選中
};
return value;
}
模擬后臺對應的數(shù)據(jù);
[
{
"id": "1",
"name": "金蝶軟件(中國)有限公司",
"state": false, //是否選中
"tel":"18536552258"
},
{
"id": "2",
"name": "金蝶軟件(中國)有限公司",
"state": true,
"tel":"18536552258"
},
{
"id": "3",
"name": "金蝶軟件(中國)有限公司",
"state": false,
"tel":"18536552258"
}
]
以上所述是小編給大家介紹的BootStrap Table復選框默認選中功能的實現(xiàn)代碼(從數(shù)據(jù)庫獲取到對應的狀態(tài)進行判斷是否為選中狀態(tài)),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關文章
JavaScript中的console.trace()函數(shù)介紹
這篇文章主要介紹了JavaScript中的console.trace()函數(shù)詳細介紹,console.trace()函數(shù)用來打印函數(shù)調(diào)用的棧信息,需要的朋友可以參考下2014-12-12
onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求
登陸頁面需要撲捉用戶按下回車自動提交的需求,于是相到在body里添加onkeydown事件跳javascript在提交表單,具體看下實現(xiàn)代碼,希望對你有所幫助2013-04-04

