LayUI中弹出层select动态回显设置及子页面刷新父页面Table数据方法

var index = layer.open({
    type: 2,
    title:'修改信息',
    content: 'URL',
    area: ['1000px', '600px'],
    btn: ['确定', '取消'],
    id: 21,
    success: function (layero, index) {
        var body = layer.getChildFrame('body', index); //获取弹出层 body对象       
        body.find('ID或CLASS').val(值);  //通过查找Class给对象赋值
        body.find("option[value="+banner_id+"]").attr("selected",true); //通过查找原始的select中的 option给对象属性赋值        

        var select = 'dd[lay-value=' + banner_id + ']'; //准备LayUI中自动生成的 dd参数  
        body.find('.banner_id').siblings("div.layui-form-select").find('dl').find(select).click();  //通过查询到指定dd，给dd触发click()点击事件

        // layui.form.render();  刷新弹出层

    }, yes: function (index, layero) { //按确定调用弹出层点击事件 ID = #layuiadmin-app-form-submit
        var body = layer.getChildFrame('body', index);
        var submit = body.find('#layuiadmin-app-form-submit');  //获取弹出层对象，然后用对象触发弹出层的JQ点击事件 click()
        submit.click();
    }
});


//=================================父及页面代码==================================

layui.use(['table'], function () {
    var table = layui.table;

    table.render({
        elem: '#tableShow'
        , url: 'http://gdhzplay.cn、XXXXXX' 2类弹层地址
        , toolbar: "#topBar"
        , totalRow: true
        ,id:'acticles_table'  //子页面刷新父页面table数据要用到此ID
        , page: {
            // first:"首页"
            // ,last:"页尾"
            prev: "上一页"
            , next: "下一页"
            , limit: 5
            , layout: ['count', 'first', 'prev', 'page', 'next', 'skip'] //自定义分页布局

        }
        , cols: [[
            {type:'numbers'}
            , {field: 'id', title: 'ID', align: 'center', width: 60, hide: true}
            , {field: 'cid', title: 'CID', align: 'center', width: 60, hide: true}
            , {field: 'title', title: '文章标题', align: 'center'}
            , {field: 'author', title: '文章作者', align: 'center'}
            , {field: 'synopsis', title: '文章简介', align: 'center'}
            , {field: 'visit', title: '浏览次数', align: 'center'}
            , {
                field: 'status', title: '发布状态', align: 'center', templet: function (d) {
                    return d.status == 0 ? '<span class=" layui-badge layui-bg-blue">已发布</span>' : '<span class=" layui-badge layui-bg-green">未发布</span>';
                }
            }
            , {field: 'right', title: '操作', align: 'center', toolbar: '#toolBar'}
        ]]
        , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
            // console.log(res.counts);
            return {
                "code": 0, //解析接口状态
                "msg": "", //解析提示文本
                "count": res.counts, //解析数据长度
                "data": res.data //解析数据列表
            };
        }
        , defaultToolbar: ['print', 'exports']
    });

//===================================子页面代码============================================

<script>

    //监听点击提交事件
    $('#layuiadmin-app-form-submit').on('click', function (index) {

        layer.msg('处理中，请稍后', {icon: 1, time: 2000}, function () {
            var index = parent.layer.getFrameIndex(window.name);
            $.ajax({
                type: "POST",
                url: "http://gdhzplay.cn/XXXXXXXX",  //后台地址
                dataType: 'json',
                data:$('#dataFrm').serialize() ,
                success: function (date) {
                    console.log(date);
                    layer.msg('添加成功!', {icon: 6, time: 2000});

                    // window.parent.location.reload();//刷新父页面
                    window.parent.layui.table.reload('acticles_table'); //此处为父及页面设置的ID参数
                    parent.layer.close(index);//关闭弹出层
                },errorCallback(data) {
                    layer.msg('添加失败!', {icon: 5, time: 2000});
                    layer.close();
                }
            });
        });

        return false;
    });

</script>