bootstrap-switch 在jqgrid中使用

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的结果:


你可能感兴趣的:(bootstrap-switch 在jqgrid中使用)