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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,305评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,812评论 25 709
  • ———— 秋燕 离开了泰安才越来越感觉泰安的魅力,泰山的难舍。久了...
    f65f37c8104a阅读 489评论 1 0
  • 读《唐浩明点评曾国藩日记》 道光二十三年三月十九日 曾国藩前几天通过了三年一次的京官大考试,获得了道光皇帝册封的从...
    读行人声阅读 229评论 0 0
  • 明天就是传说中的父亲节了。 看着空间跟朋友圈 我,不知道该表达什么... 对于我,现在有点忌讳谈父亲这个词了。 我...
    全媒体追梦人王佳骏阅读 668评论 0 2