BootStrap Table復(fù)選框默認(rèn)選中功能的實(shí)現(xiàn)代碼(從數(shù)據(jù)庫(kù)獲取到對(duì)應(yīng)的狀態(tài)進(jìn)行判斷是否為選中狀態(tài))
更新時(shí)間：2017年07月11日 14:10:01 作者：duan199404
本文通過(guò)實(shí)例代碼給大家介紹了BootStrap Table復(fù)選框默認(rèn)選中功能(從數(shù)據(jù)庫(kù)獲取到對(duì)應(yīng)的狀態(tài)進(jìn)行判斷是否為選中狀態(tài))，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧
廢話不多說(shuō)，直接給大家貼代碼了，具體代碼如下所示：
$('#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,
}],
});
//對(duì)應(yīng)的函數(shù)進(jìn)行判斷；
function stateFormatter(value, row, index) {
if (row.state == true)
return {
disabled : false,//設(shè)置是否可用
checked : true//設(shè)置選中
};
return value;
}
模擬后臺(tái)對(duì)應(yīng)的數(shù)據(jù)；
[
{
"id": "1",
"name": "金蝶軟件（中國(guó)）有限公司",
"state": false, //是否選中
"tel":"18536552258"
},
{
"id": "2",
"name": "金蝶軟件（中國(guó)）有限公司",
"state": true,
"tel":"18536552258"
},
{
"id": "3",
"name": "金蝶軟件（中國(guó)）有限公司",
"state": false,
"tel":"18536552258"
}
]
以上所述是小編給大家介紹的BootStrap Table復(fù)選框默認(rèn)選中功能的實(shí)現(xiàn)代碼(從數(shù)據(jù)庫(kù)獲取到對(duì)應(yīng)的狀態(tài)進(jìn)行判斷是否為選中狀態(tài))，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
JavaScript中的console.trace()函數(shù)介紹
這篇文章主要介紹了JavaScript中的console.trace()函數(shù)詳細(xì)介紹,console.trace()函數(shù)用來(lái)打印函數(shù)調(diào)用的棧信息,需要的朋友可以參考下2014-12-12
JS 各種網(wǎng)頁(yè)尺寸判斷實(shí)例方法
JS 各種網(wǎng)頁(yè)尺寸判斷實(shí)例方法，需要的朋友可以參考一下2013-04-04
JavaScript學(xué)習(xí)筆記之圖片庫(kù)案例分析
這篇文章主要介紹了JavaScript學(xué)習(xí)筆記之圖片庫(kù)案例,結(jié)合具體實(shí)例形式分析了javascript圖片庫(kù)相關(guān)的頁(yè)面元素動(dòng)態(tài)操作實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-01-01
在本篇文章里我們給大家分享了關(guān)于js訪問(wèn)對(duì)象的屬性和方法的相關(guān)知識(shí)點(diǎn)，有需要的朋友們可以學(xué)習(xí)下。2018-10-10
onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求
登陸頁(yè)面需要撲捉用戶按下回車自動(dòng)提交的需求，于是相到在body里添加onkeydown事件跳javascript在提交表單，具體看下實(shí)現(xiàn)代碼，希望對(duì)你有所幫助2013-04-04
JS實(shí)現(xiàn)仿QQ面板的手風(fēng)琴效果折疊菜單代碼
這篇文章主要介紹了JS實(shí)現(xiàn)仿QQ面板的手風(fēng)琴效果折疊菜單代碼,涉及JavaScript基于鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
前端截圖幾種常用實(shí)現(xiàn)方式總結(jié)
這篇文章主要介紹了前端截圖幾種常用實(shí)現(xiàn)方式,包括使用HTML5的canvas和html2canvas庫(kù)、瀏覽器API以及結(jié)合后端服務(wù),每種方法都有其優(yōu)缺點(diǎn),大家可以根據(jù)需求選擇方法,需要的朋友可以參考下2025-03-03
這篇文章主要介紹了使用javascript獲取頁(yè)面名稱，非常的簡(jiǎn)潔，有需要的小伙伴參考下2014-12-12
js插件實(shí)現(xiàn)圖片滑動(dòng)驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了js插件實(shí)現(xiàn)圖片滑動(dòng)驗(yàn)證碼，滑動(dòng)模塊，實(shí)現(xiàn)驗(yàn)證功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
echarts實(shí)現(xiàn)餅圖與樣式設(shè)置
這篇文章介紹了echarts實(shí)現(xiàn)餅圖與樣式設(shè)置的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06