easyUI里的checkbox编辑器行编辑是不会自动勾选问题
2016-10-18 09:52
253 查看
数据源如果有布尔值,那么在UI里,最合适的控件应该就是checkbox了。
easyUI的datagrid中,列的checkbox酱紫设置:
[javascript] view
plain copy
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/a7c8e286f463007e2a900848b93dd72c.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/9e12f1d3e499fc949c886e7c9e0484f9)
{field:'status',title:'Status',width:50,align:'center',
editor:{
type:'checkbox',
options:{
on: "true",
off: "false"
}
}
},
数据:
[javascript] view
plain copy
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/a7c8e286f463007e2a900848b93dd72c.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/9e12f1d3e499fc949c886e7c9e0484f9)
{"total":28,"rows":[
{"productid":"FI-SW-01","unitcost":10.00,"status":true,"listprice":16.50,"attr1":"Large","itemid":"EST-1"},
{"productid":"K9-DL-01","unitcost":12.00,"status":true,"listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},
{"productid":"RP-SN-01","unitcost":12.00,"status":true,"listprice":18.50,"attr1":"Venomless","itemid":"EST-11"}
]}
这样子就有个问题:
当datagrid里的行处于编辑状态时,checkbox并未能自动带上应有的值,比如本来对应是true,但当checkbox出现时,并没有自动勾选!造成很不好的后果:编辑一次,如果不手动对这个checkbox再打钩一次,那么原本是true,现在就变成了 false !什么毛病。
对应办法是将数据里的布尔值变为字符串:"status":true ==> "status":"true"
[javascript] view
plain copy
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/a7c8e286f463007e2a900848b93dd72c.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/9e12f1d3e499fc949c886e7c9e0484f9)
{"total":28,"rows":[
{"productid":"FI-SW-01","unitcost":10.00,"status":"true","listprice":16.50,"attr1":"Large","itemid":"EST-1"},
{"productid":"K9-DL-01","unitcost":12.00,"status":"true","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},
{"productid":"RP-SN-01","unitcost":12.00,"status":"true","listprice":18.50,"attr1":"Venomless","itemid":"EST-11"}
]}
![](https://oscdn.geek-share.com/Uploads/Images/Content/201701/9cc493f1e15b23d0f4eaea0d0f8b35d0.png)
原因猜测:可能是比较值时,on和off里的true和false被当做了字符串,而status的值时布尔值,true=="true" 判断结果为false,所以导致没有勾选。
easyUI的datagrid中,列的checkbox酱紫设置:
[javascript] view
plain copy
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/a7c8e286f463007e2a900848b93dd72c.png)
{field:'status',title:'Status',width:50,align:'center',
editor:{
type:'checkbox',
options:{
on: "true",
off: "false"
}
}
},
数据:
[javascript] view
plain copy
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/a7c8e286f463007e2a900848b93dd72c.png)
{"total":28,"rows":[
{"productid":"FI-SW-01","unitcost":10.00,"status":true,"listprice":16.50,"attr1":"Large","itemid":"EST-1"},
{"productid":"K9-DL-01","unitcost":12.00,"status":true,"listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},
{"productid":"RP-SN-01","unitcost":12.00,"status":true,"listprice":18.50,"attr1":"Venomless","itemid":"EST-11"}
]}
这样子就有个问题:
当datagrid里的行处于编辑状态时,checkbox并未能自动带上应有的值,比如本来对应是true,但当checkbox出现时,并没有自动勾选!造成很不好的后果:编辑一次,如果不手动对这个checkbox再打钩一次,那么原本是true,现在就变成了 false !什么毛病。
对应办法是将数据里的布尔值变为字符串:"status":true ==> "status":"true"
[javascript] view
plain copy
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/a7c8e286f463007e2a900848b93dd72c.png)
{"total":28,"rows":[
{"productid":"FI-SW-01","unitcost":10.00,"status":"true","listprice":16.50,"attr1":"Large","itemid":"EST-1"},
{"productid":"K9-DL-01","unitcost":12.00,"status":"true","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},
{"productid":"RP-SN-01","unitcost":12.00,"status":"true","listprice":18.50,"attr1":"Venomless","itemid":"EST-11"}
]}
![](https://oscdn.geek-share.com/Uploads/Images/Content/201701/9cc493f1e15b23d0f4eaea0d0f8b35d0.png)
原因猜测:可能是比较值时,on和off里的true和false被当做了字符串,而status的值时布尔值,true=="true" 判断结果为false,所以导致没有勾选。
相关文章推荐
- 今天在Mac机器上使用了Flex Builder编辑了一个源代码文件,保存后使用vim命令去打开时发现系统自动在每一行的结尾添加了^M符号,其实^M在Linux/Unix中是非常常见的,也就是我们在Win中见过的/r回车符号。由于编辑软件的编码问题,某些IDE的编辑器在编辑完文件之后会自动加上这个^M符号。看起来对我们的源代码没有任何影响,其实并不然,当我们把源代码文件Check In到svn之类
- Jquery EasyUI Form Load自动绑定Checkbox问题
- 解决Delphi7中Object Treeview和类型库编辑器无法编辑的问题
- 不会自动换行的文本编辑框(JTextPane)
- 集合属性的持久化--用集合编辑器编辑集合属性并自动生成代码
- R文件不会自动更改问题的解决
- spring管理的hibernate事务不会自动flush的问题-今天真遇到这问题了
- 如何解决eWebEditor在线编辑器的远程自动上传功能不能使用的问题?
- extjs4.1 动态加载 checkboxgroup 后checked 为true老是失效的问题+combobo自动选择特定记录
- Ext4中,CheckboxGroup复选框修改时自动带选择问题
- 按模拟器home键后程序不会自动退出问题
- ueditor文本超过编辑器宽度不换行问题(使pre标签内容自动换行)
- 解决在Firefox中div子元素有浮动时div高度不会自动撑大的问题
- 集合属性的持久化——用集合编辑器编辑集合属性并自动生成代码
- 关于软件raid(mdadm)在重启机器后不会自动运行的问题
- 解决Excel VBA编辑器中输入空格自动退回的问题
- 不会自动换行的文本编辑框(JTextPane)
- SmartGrid中checkbox编辑的问题
- [软件使用]DownthemALL选择下载链接后显示暂停,不会自动开始下载的问题
- 多行文本编辑时,同一行编辑不同类型的字符时自动换行的问题