其他分享
首页 > 其他分享> > 在layui弹出层关闭自身以后刷新父类表单

在layui弹出层关闭自身以后刷新父类表单

作者:互联网

1)在弹出层的操作:

   //这里是提交操作_弹出层
       $.ajax({
            url:'/conpany.php?g=Conpany&c=Device&a=deviceCz',
            type:'get',
            data:data.field,
            dataType:"json",
            success:function(data){
                if(data.code == '200'){
					alert("提交成功!");
			        //当你在iframe页面关闭自身时
			        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
					parent.layer.close(index);
                }
                else{
                    layer.alert(data.msg);
                }
            },
            error:function(e){
           	 layer.alert("提交失败!")
            }
        });

  2)在父类的操作:

$(".addDevice").click(function(){
                layer.open({
                  type: 2, 
                  offset: '15%',
                  area: ['500px', '800px'],
                  title: ['添加设备'],
                  //btn:['提交','取消'],
                  content:['/conpany.php?g=Conpany&c=Device&a=add_device', 'no']  //这里content是一个普通的String
                  ,
                     end: function () {
                        window.location.reload(); //这里是刷新的关键,当出现层销毁时就会触发这个事件
                    }
                });
      });

总结:

主要使用的是:
1)//当你在iframe页面关闭自身时
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index);

备注:这里的window.name就是这个写法,不是指的父类中的某个id或者field

2)在父类中主要使用的是end事件_end负责刷新
end: function () {
window.location.reload();
}

 

以上内容来源于百科书,可以关注我了解更多.

标签:function,index,layer,parent,layui,表单,window,父类,data
来源: https://www.cnblogs.com/sdjlq/p/16638076.html