bootstrap-table switch 使用注意点总结
- 使用版本:bootstrap 3.1.1,bootstrap-switch 3.1.0,bootstrap-table 1.11.1,版本不一致会出现开关各种属性设置不生效
- 使用目的:根据后台返回的数据,渲染开关的状态;状态修改后的提交
- bootstrap-switch中文网 http://www.bootcss.com/p/bootstrap-switch/
- 使用中遇到的问题以及总结
4.1 初始化switch的属性,不能再页面直接初始化, 必须用xxx.bootstrapSwitch()
4.2 初始化开关状态 .bootstrapSwitch(“state”, true, true) 第三个参数表示是否在初始化的时候执行onSwitchChange监听方法。我遇到的坑就是开始的时候没有设置,加载的时候就执行,坑的我头都大了。
4.3 form:checkbox from:input 不要使用,直接用input就好,否则页面加载不出来
4.4 由于显示的是列表形式,需要初始化多个switch ,就把页面元素name1,name2区分,来分别初始化。
4.5 修改提交由于不能用form:input,所以更新的时候修改input的value值,ajax提交修改的时候,除了表单原来的元素,额外拼接开关状态参数。