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>