easyui datagrid editor checkbox 选中

最新推荐文章于 2022-09-28 15:36:07 发布

Love丶兰

最新推荐文章于 2022-09-28 15:36:07 发布

阅读量9.6k

点赞数 2

分类专栏： easyui web

本文链接：https://blog.youkuaiyun.com/love_xiolan/article/details/53737997

版权

easyui 同时被 2 个专栏收录

10 篇文章

订阅专栏

web

2 篇文章

订阅专栏

在使用easyui datagrid的编辑功能时，遇到编辑行中的checkbox未正确显示已选中状态。当数据中的布尔值为true时，checkbox未自动勾选。为解决这个问题，需要将数据中的布尔值转换为字符串，例如将`"status": true`改为`"status": "true"`，以确保在编辑模式下checkbox能正确反映原始状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

easyui datagrid editor checkbox 选中

在前台如果使用easyui的datagrid

需要编辑行时遇到checkbox无法还原选中事件时

easyUI的datagrid中，列的checkbox这样设置：

{field:'status',title:'Status',width:50,align:'center',  
    editor:{  
        type:'checkbox',  
        options:{  
            on: "true",  
            off: "false"  
        }  
    }  
},

数据：

{"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"

{"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"}  
]}

如果无法更改数据源,但是又需要还原时,就需要这样做了:

{field:'status',title:'Status',width:50,align:'center',  
    editor:{  
        type:'checkbox',  
        options:{  
            on: "1",  
            off: "0"  
        }  
    }  
},

这样就完美的解决了你的问题

当然,如果你的数据本身就是加了引号的"true"和"false"

那就只需要向最上面那样就行了..