用layui的layer弹出层

用layui的layer弹出层请求给一个隐藏div里面的空table表格添加内容,然后弹出层关闭后,请求结束,表格就出现在主页面上了。

 

<div id="test1" class="layer_self_wrap layui-container" style="display: none" overflow="hidden">
    <table id="tabledan" class="layui-table" lay-filter="test1" ></table>
</div>
layer.open({
                            type: 1,
                            title:"采购单详情",
                            area: ['700px', '450px'],
                            fixed: false, //不固定
                            shadeClose: true,
                            content: $('#test1'),
                            success:function () {
                                table.render({
                                    elem: '#test1'
                                    ,url:'bookbuy/querybuy?buyid='+data.buyid
                                    ,toolbar: '#toolbarDemo' //开启头部工具栏,并为其绑定左侧模板
                                    ,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
                                        title: '提示'
                                        ,layEvent: 'LAYTABLE_TIPS'
                                        ,icon: 'layui-icon-tips'
                                    }]
                                    ,title: '用户数据表'
                                    ,cols: [[
                                        {type: 'checkbox', fixed: 'left'}
                                        ,{field:'id',title: '编号', sort: true}
                                        ,{field:'bookname', title: '书籍名称'}
                                        ,{field:'author', title: '作者', sort: true}
                                        ,{field:'p_price', title: '进价'}
                                        ,{field:'purchases', title: '进货量'}
                                    ]]
                                    // ,page: true
                                });
                            },
                        });

 

这里是layui.layer的文档 https://www.layui.com/doc/modules/layer.html#closeBtn

尝试设置closeBtn属性或者使用layer.close(index) 关闭层

不行的,那个弹出层请求成功后把数据加入之前的那个空表格了,然后空表格有东西了,就显示在页面上了,我不知道怎么让它不显示出来或者把数据给清除掉

请求成功,关闭弹出层时将标表格的display属性设为none应该就可以了 

display: none;