easyUI里的checkbox编辑器行编辑是不会自动勾选问题

数据源如果有布尔值,那么在UI里,最合适的控件应该就是checkbox了。

easyUI的datagrid中,列的checkbox酱紫设置:

[javascript]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. {field:'status',title:'Status',width:50,align:'center',  
  2.     editor:{  
  3.         type:'checkbox',  
  4.         options:{  
  5.             on: "true",  
  6.             off: "false"  
  7.         }  
  8.     }  
  9. },  

数据:

[javascript]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. {"total":28,"rows":[  
  2.     {"productid":"FI-SW-01","unitcost":10.00,"status":true,"listprice":16.50,"attr1":"Large","itemid":"EST-1"},  
  3.     {"productid":"K9-DL-01","unitcost":12.00,"status":true,"listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},  
  4.     {"productid":"RP-SN-01","unitcost":12.00,"status":true,"listprice":18.50,"attr1":"Venomless","itemid":"EST-11"}  
  5. ]}  


这样子就有个问题:

当datagrid里的行处于编辑状态时,checkbox并未能自动带上应有的值,比如本来对应是true,但当checkbox出现时,并没有自动勾选!造成很不好的后果:编辑一次,如果不手动对这个checkbox再打钩一次,那么原本是true,现在就变成了 false !什么毛病。

对应办法是将数据里的布尔值变为字符串:"status":true ==> "status":"true"

[javascript]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. {"total":28,"rows":[  
  2.     {"productid":"FI-SW-01","unitcost":10.00,"status":"true","listprice":16.50,"attr1":"Large","itemid":"EST-1"},  
  3.     {"productid":"K9-DL-01","unitcost":12.00,"status":"true","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},  
  4.     {"productid":"RP-SN-01","unitcost":12.00,"status":"true","listprice":18.50,"attr1":"Venomless","itemid":"EST-11"}  
  5. ]}  

原因猜测:可能是比较值时,on和off里的true和false被当做了字符串,而status的值时布尔值,true=="true" 判断结果为false,所以导致没有勾选。
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值