bootstrap-switch是一款非常好用的控件,而且样式精美,可以参考官方的样式使用bootstrap-switch
jqGrid是一款流行的表格插件,结合了分页,数据绑定,自定义样式,使用起来很方便。
如何将bootstrap-switch在jqGrid中使用呢?
首先要引入相关的资源文件:
初始化jqGrid:红框表示将在这列使用我们的bootstrap-switch控件
初始化控件:
1.switch控件实际是个checkbox,用‘checked’表示选中启动开关,cellvalue:表示这行选择到的值,这个值一般可以从后台穿过来,比如1:启动,0:关闭。而rowObject则是获取到这行的其他属性值,如果需要将这些值传回后台,则可以跟我我下面的写法赋值。的
2.bootstrapSwitch是js控制初始化,刚刚定义的值的取值方式如下,调用AJAX就可以把值传回后台处理了,最下面的reload是我们打开或者关闭开关后需要重新加载页面。
3.最重要的是加载完Jqgrid,才能加载bootstrap-switch,不然会导致样子出错。加载控件需要用到Jqgrid一个属性:gridComplete
最终出来的结果:
不加gridComplete的结果:
网友评论