layui弹出数据表格并获取选中

最新推荐文章于 2024-07-17 15:36:21 发布

tang05709

最新推荐文章于 2024-07-17 15:36:21 发布

阅读量2k

点赞数 4

分类专栏： js 网站相关的其他文章

本文链接：https://blog.csdn.net/tang05709/article/details/108641722

版权

js 同时被 2 个专栏收录

109 篇文章 0 订阅

订阅专栏

网站相关的其他文章

83 篇文章 0 订阅

订阅专栏

需求样例

显示弹出层并获取选中的数据

$("#selectLawyer").click(function() {
            layer.open({
                type: 2
                ,title: '选择用户'
                ,area: ['70%', '580px']
                ,content: '/admin/xxxx/ajaxlist'
                ,btn: ['确定', '取消']
                ,yes: function(index, layero){
                    var body = layer.getChildFrame('body', index);
                    var iframeWin = window[layero.find('iframe')[0]['name']];
                    var checkStatus = iframeWin.layui.table.checkStatus('ajaxlist');
                    if(checkStatus.data.length > 0) {
                        var selectedData = checkStatus.data[0];
                        $("#lawyer").val(selectedData.name);
                        $("#lawyer_id").val(selectedData.id);
                        layer.close(index)
                        return false
                    }
                }
                ,btn2: function(index, layero){
                    layer.close(index)
                    return false
                }
                ,cancel: function(index, layero){ 
                    layer.close(index)
                    return false
                }
            });
        })

重点就是这一句

var checkStatus = iframeWin.layui.table.checkStatus('ajaxlist');

ajaxlist表示数据表格的lay-filter

layui.use('table', function(){
          var table = layui.table;
          table.render({
            elem: '#ajaxlist'
            ,url:'/admin/xxx/list'
            ,page: true
            ,cols: [[
              {type:'radio'}
              ,{field:'id', width:80, title: 'ID', sort: true}
              ,{field: 'name', title: '姓名'}
            ]]
            
          });
        });

layui的ready事件

layer.ready(function() {
            var lawyerId = $("#lawyer_id").val();
            if (lawyerId > 0 ) {
                $.ajax({
                url: '/admin/Lawyers/' + lawyerId
                ,type: 'GET'
                ,success: function (result) {
                    if (result.code == 0) {
                       $("#lawyer").val(result.data.name);
                    }
                }
            });
            }
        })