easyui datagrid数据网格 单选 点击行和取消勾选问题

发布于 2022-09-12 02:19:25 字数 3145 浏览 24 评论 0

这是easyui的datagrid数据网格(单选)

微信截图_20200422190437.png

点击一行后,实现前面的单选框被选中。(如果直接点击单选框的话,会被选中,这没问题,也不能让用户总去点单选框呀)

然后还有一个最恶心的问题,“单选框选中后怎么取消勾选?

上代码:

$('#user-id').datagrid({
           data: [{'userName': 'name1','userCode': '1233','userId':'001'},{'userName': 'name2','userCode': '2412','userId': '002'}],
            idField: 'userId', // 唯一标识
            fitColumns: true,
            singleSelect: true,
            columns:[[
                { field:"user",
                    formatter: function (value, row, index) {
                        if (!_this.Main.config.multi) {
                            var s = '<input name="user" type="radio" checked="checked"/> ';
                        }
                        else {
                            var s = '<input name="user" type="radio" value="'+ index +'" /> ';
                        }
                        return s;
                    }
                },
                { title: "用户名称",field: "userName",align:'center'},
                { title: "员工编码",field: "userCode",align:'center'}
            ]],
            pagination: true,
            onClickRow: function(index,data){
                debugger;
                var row = $('#user-id').datagrid('getSelected');
                if (index == selectIndex) {
                    //第一次单击选中,第二次单击取消选中
                    // $('#user-id').datagrid("getPanel").find(".datagrid-view2 .datagrid-body table input[type='radio']:eq(" + index + ") ").attr("checked", false);
                    $('#pd-selectOrg-user-list').datagrid('clearSelections');
                }

                var isCheck = $('#pd-selectOrg-user-list').datagrid("getPanel").find(".datagrid-view2 .datagrid-body table input[type='radio']:eq(" + index + ") ").attr("checked");

                if (isCheck) {
                    //将所有checkbox修改为未选中
                    // $('#user-id').datagrid("getPanel").find(".datagrid-view2 .datagrid-body table input[type='radio'] ").attr("checked", false);
                    //将这次的checkbox标记为选中
                    $('#user-id').datagrid("getPanel").find(".datagrid-view2 .datagrid-body table input[type='radio']:eq(" + index + ") ").attr("checked", true);
                }else {
                    if (index == selectIndex) {
                        // $('#user-id').datagrid("getPanel").find(".datagrid-view2 .datagrid-body table input[type='radio']:eq(" + index + ") ").attr("checked", false);
                    }else {
                        //将所有checkbox修改为未选中
                        // $('#user-id').datagrid("getPanel").find(".datagrid-view2 .datagrid-body table input[type='radio'] ").attr("checked", false);
                        //将这次的checkbox标记为选中
                        $('#user-id').datagrid("getPanel").find(".datagrid-view2 .datagrid-body table input[type='radio']:eq(" + index + ") ").attr("checked", 'true');
                    }
                }
                selectIndex = index;
            }
        })

求大神指导

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文