easyui：datagrid中的checkbox的实现

最新推荐文章于 2025-01-17 11:43:30 发布

原创最新推荐文章于 2025-01-17 11:43:30 发布 · 379 阅读

1 ·

CC 4.0 BY-SA版权

博客提到后台传来的数据为1/0，当数据为1时，checkbox勾选；为0时，不勾选。要实现此设想效果，只需添加一个formatter，并用?: 生成指定状态的checkbox。

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

        $("#tb_sysAttr").datagrid({            columns:[[                {field:'read',title:'可读'，width:150,align:'center',                    formatter: function(value){                        return (value==1)? '<input class="yes" type="checkbox" checked="checked" name="read_col" >': '<input class="yes" type="checkbox" name="read_col" onchange="changeCheck(this)">';                    }                },                {field:'write',title:'可写',width:250,align:'center',                    formatter: function(value){                        return (value==1)? '<input class="yes" type="checkbox" checked="checked" name="write_col" >': '<input class="yes" type="checkbox" name="write_col" onchange="changeCheck(this)">';                    }}            ]]        })

上面是完整js代码，我后台传来的数据是 1/0，为1时，checkbox勾选，为0时，不勾选。

要达到我们设想的效果，只需要加一个formatter即可，再用一个?: ，生成指定状态的checkbox即可。