layui表格种单选框中的回显

最新推荐文章于 2024-04-10 00:31:23 发布

weixin_45191052

最新推荐文章于 2024-04-10 00:31:23 发布

阅读量1.1k

点赞数 2

本文链接：https://blog.youkuaiyun.com/weixin_45191052/article/details/118304542

版权

 let form = layui.form
        layui.table.render({
            id: 'commanderId',
            elem: '#users-list',
            url: '/team-cpt/competition/findUserByUnitId',
            method: 'post',
            request: {pageName: 'pageNum'},
            where: {cptId: cptId, unitId: unitId,realName:realName,phone:phone},
            parseData: convert2LayuiGrid,
            page: true,
            cols: [[
                {field: 'id', title: 'ID', fixed: 'left', hide: true},
                {type: 'radio', fixed: 'left', width: '10%', hide: false},
                {field: 'realName', title: '姓名', align: 'center', fixed: 'left'},
                {field: 'username', title: '手机号', align: 'center', fixed: 'left'}
            ]],
            done: function (res, curr, count) {
                for (let i = 0; i <res.data.length ; i++) {
                    if (res.data[i].id === commanedrId) {
                        $('div.layui-unselect.layui-form-radio')[i].click()//选中
                        //下面三句是通过更改css来实现选中的效果
                        var index = res.data[i]['LAY_TABLE_INDEX'];
                        // $('tr[data-index=' + index + '] ').addClass('layui-table-click');
                        $('tr[data-index=' + index + '] input[type="radio"]').prop('checked', true);
                        $('tr[data-index=' + index + '] input[type="radio"]').next().addClass('layui-form-radioed');
                        $('tr[data-index=' + index + '] i').addClass('layui-anim-scaleSpring');
                    }
                }
                form.render('radio'); //layui表单中改变属性一定要重新渲染