BootStrap Table復(fù)選框默認(rèn)選中功能的實現(xiàn)代碼(從數(shù)據(jù)庫獲取到對應(yīng)的狀態(tài)進(jìn)行判斷是否為選中狀態(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, }], }); //對應(yīng)的函數(shù)進(jìn)行判斷; function stateFormatter(value, row, index) { if (row.state == true) return { disabled : false,//設(shè)置是否可用 checked : true//設(shè)置選中 }; return value; } 模擬后臺對應(yīng)的數(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復(fù)選框默認(rèn)選中功能的實現(xiàn)代碼(從數(shù)據(jù)庫獲取到對應(yīng)的狀態(tài)進(jìn)行判斷是否為選中狀態(tài)),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
JS實現(xiàn)點擊鏈接切換顯示隱藏內(nèi)容的方法
這篇文章主要介紹了JS實現(xiàn)點擊鏈接切換顯示隱藏內(nèi)容的方法,涉及javascript鼠標(biāo)事件響應(yīng)及頁面元素屬性動態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2017-10-10JavaScript Base64 作為文件上傳的實例代碼解析
這篇文章主要介紹了JavaScript Base64 作為文件上傳的實例代碼解析,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-02-02Javascript表單特效之十大常用原理性樣例代碼大總結(jié)
開頭說這個常用原理性樣例,大家可能不太清楚,這篇文章主要是針對實際開發(fā)中常用的一些代碼分析,主要是針對表單處理方法的一些資料,推薦大家收藏2016-07-07基于Bootstrap漂亮簡潔的CSS3價格表(附源碼下載)
該價格表基于Bootstrap網(wǎng)格系統(tǒng)來進(jìn)行布局,通過簡單的CSS3代碼來美化價格表,樣式非常的時尚漂亮,且能在不同屏幕下展示良好的效果,需要的朋友可以參考下2017-02-02JS無限極樹形菜單,json格式、數(shù)組格式通用示例
本文為大家介紹下JS無級樹形菜單的實現(xiàn),修改了一下數(shù)據(jù)格式,是json和數(shù)組或者混合型的數(shù)據(jù)都通用,不用特定key等,想學(xué)習(xí)的朋友可以參考下2013-07-07javascript 加入收藏、設(shè)為首頁(IE,firefox兼容腳本之家版)
網(wǎng)上流行很多的加入收藏、設(shè)為首頁等功能代碼,但各方面不是很完善,特腳本之家編輯特為大家準(zhǔn)備了可以直接使用的代碼。2009-11-11