layui table 弹出层刷新_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 ? '已发布' : '未发布';

}

}

, {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']

});

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

//监听点击提交事件

$('#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;

});