美文网首页
bootstrap-switch 在jqgrid中使用

bootstrap-switch 在jqgrid中使用

作者: cjsssss | 来源:发表于2017-10-20 17:24 被阅读0次

    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中使用

          本文链接:https://www.haomeiwen.com/subject/zfpvuxtx.html