详细信息 您现在的位置是:首页 > Layui

layui页面常用刷新

来源: 发布时间:2021-11-14 3096 人已围观

摘要layui是刷新是常用的操作,使用好让我们页面交互更友好。

1、 编辑成功后刷新父页面

$.ajax({
    type: "POST",
            url: "${base}/pm/pmshiftEditList",
            data: $("#form").serialize(),//将对象序列化成JSON字符串
            success: function(res){
        if (res.success) {
            parent.layer.msg("操作成功!", {time: 1000}, function () {
                //重新加载父页面
                parent.location.reload();
            });
            return;
        } else {
            layer.msg(res.message,{time: 2000},function () {});
        }
    },
    error: function(res){
    }
});


2、请求成功后刷新数据表格

if(obj.event === "editDetails"){
    var editIndex = parent.layer.open({
   title : "编辑工艺",
   type : 2,
   content : "${base}/pm/routingtmpl/editDetails?tmplId="+data.id,
   area: ['100%', '100%'], //宽高
   success : function(layero, addIndex){
   },end: function () {
       t.where = data.field;
       table.reload('test', t);
       return false;
   }
});


3、关闭子页面刷新父页面数据表格

调用layer插件的end回调方法:

end - 层销毁后触发的回调

类型:Function,默认:null

无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数。

父窗口打开layer弹出框时,添加end回调

addIndex = layer.open({
    title : "编辑客户定单",
    type : 2,
    content : "${base}/order/projectEdit?projectId="+data.project_id,
    success : function(layero, addIndex){
        setTimeout(function(){
            layer.tips('点击此处返回客户定单列表', '.layui-layer-setwin .layui-layer-close', {
                tips: 3
            });
        },500);
    }, end: function () {
        var data1 = table.cache["test"];
        t.where = data1.field;
        //重新加载数据表格
        table.reload('test',t);
    }
});


4、请求成功后刷新当前页面

$.post("${base}/order/SaveOrder",data.field,
function(res){
    if(res.success){
        parent.layer.msg("保存成功!",{time:1000},function(){
            //重新加载当前页面
            location.reload();
        });
    }else{
        layer.msg(res.message);
    }
});


5、关闭当前子页面

$("#closePage").click(function(){
   var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
   parent.layer.close(index);//关闭弹出的子页面窗口
});


6、关闭当前页面后调用父页面方法

function closePagetmp(id,num){
   //调用父页面方法
   window.parent.showPBom(num,id);
   var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
   parent.layer.close(index);//关闭弹出的子页面窗口
}


layui刷新常见的以上6种情况


站点信息

  • 电话:15226178738
  • QQ:1697915848
  • 邮箱:1697915848@qq.com