bootstrap-switch是一款非常好用的控件胰柑,而且樣式精美,可以參考官方的樣式使用bootstrap-switch
jqGrid是一款流行的表格插件,結(jié)合了分頁(yè),數(shù)據(jù)綁定泳姐,自定義樣式,使用起來很方便暂吉。
如何將bootstrap-switch在jqGrid中使用呢胖秒?
首先要引入相關(guān)的資源文件:
初始化jqGrid:紅框表示將在這列使用我們的bootstrap-switch控件
初始化控件:
1.switch控件實(shí)際是個(gè)checkbox,用‘checked’表示選中啟動(dòng)開關(guān),cellvalue:表示這行選擇到的值慕的,這個(gè)值一般可以從后臺(tái)穿過來阎肝,比如1:?jiǎn)?dòng),0:關(guān)閉肮街。而rowObject則是獲取到這行的其他屬性值风题,如果需要將這些值傳回后臺(tái),則可以跟我我下面的寫法賦值嫉父。的
2.bootstrapSwitch是js控制初始化沛硅,剛剛定義的值的取值方式如下,調(diào)用AJAX就可以把值傳回后臺(tái)處理了熔号,最下面的reload是我們打開或者關(guān)閉開關(guān)后需要重新加載頁(yè)面稽鞭。
3.最重要的是加載完Jqgrid鸟整,才能加載bootstrap-switch引镊,不然會(huì)導(dǎo)致樣子出錯(cuò)。加載控件需要用到Jqgrid一個(gè)屬性:gridComplete
最終出來的結(jié)果: ? ?
不加gridComplete的結(jié)果: