php刷新父页面,layui: 子iframe关闭/传值/刷新父页面

父层

添加

点击添加，按钮，执行添加方法

function addCategory() {

layer.open({

title:' 添加分类',

type: 2,

area: ['700px', '530px'],

fix: false, //不固定

maxmin: true,

content: '{sh::U("Mall/editcategory")}',

success:function(layero,index){

end:function(){

var handle_status = $("#handle_status").val();

if ( handle_status == '1' ) {

layer.msg('添加成功！',{

icon: 1,

time: 2000 //2秒关闭(如果不配置，默认是3秒)

},function(){

history.go(0);

});

} else if ( handle_status == '2' ) {

layer.msg('添加失败！',{

icon: 2,

time: 2000 //2秒关闭(如果不配置，默认是3秒)

},function(){

history.go(0);

});

}

});

}

这个方法，打开一个iframe页面，页面中可以执行一些操作，添加分类，执行完毕后调用一个end方法。这个方法，很有用！

不管执行结果如果，都会调用。

iframe可以传递参数到父页面。

end方法，根据传递的结果，执行一些后续操作。

iframe层

名称:

类别:

图标:

启用:

启用

提交

表单提交，提交到后台(表单提交，刷新iframe层页面)

var index = parent.layer.getFrameIndex(window.name);

var success = '{sh:$success}';

if ( success == '1' ) {

parent.$("#handle_status").val('1');

parent.layer.close(index);

} else if( success == '2' ) {

parent.$("#handle_status").val('2');

parent.layer.close(index);

}

收到执行的结果，success，成功是1，失败是2。执行相应的操作。也就是，

传值+关闭iframe层。

父层有一个隐藏的元素，专门用来接收传值的

流程很清晰。

layer很牛逼！

php刷新父页面,layui: 子iframe关闭/传值/刷新父页面相关推荐

简单实现子窗体关闭后刷新父窗体的DataGridView控件数据
简单实现子窗体关闭后刷新父窗体的DataGridView控件数据首先创建两个窗体,一个父窗体Form1 一个子窗体Form2 在show 子窗体时设置 Form2 form2=new Form ...
js layui跳转页面_【WEB前端开辟】layui的iframe跳转链接与页面按钮跳转相干引见...
一.导航跳转iframe页面题目: 引荐:layui教程关于layui的iframe嵌套页面的导航跳转页面题目,如下图所示能够看到结果: 在模板页的导航代码: 一切商品商品列表商品属性商品分类 ...
vuejs 传参向子组件父组件_VUe.js 父组件向子组件中传值及方法
父组件向子组件中传值 1. Vue实例可以看做是大的组件,那么在其内部定义的私有组件与这个实例之间就出现了父子组件的对应关系. 2. 父子组件在默认的情况下,子组件是无妨访问到父组件中的数据的,所以 ...
vue父组件向子组件动态传值的两种方法
在一些项目需求中需要父组件向子组件动态传值,比如我这里的需求是,父组件动态通过axios获取返回的图片url数组然后传给子组件,上传图片的子组件拿到该数组后进行遍历并展示图片,因为有时候获取到的会是空 ...
js弹框带传值父窗口给子框_layer弹窗，父页面子iframe 兄弟iframe之间传值，函数调用...
在这里记录下前端layer弹窗父,子,兄弟弹窗之间参数传递以及函数调用 ① [父-->子] [子-->父] 前言 //子弹窗给父页面元素赋值 parent.$("#paren ...
h5页点击返回时关闭_H5页面监听浏览器关闭、刷新、跳转时提示之onbeforeunload和onunload事件...
在H5页面中一些场景情况下防止表单数据丢失或者防止用户意外跳走页面,通过js进行监听提示用户,通过onbeforeunload事件和onunload事件实现. onbeforeunload和onunl ...
Vue组件（二）父组件、子组件通信/传值
一.Vue 父组件访问子组件 1.父组件获取子组件对象通过ref引用属性访问子组件对象定义: <StudentInfo :num="parentNum" ref=&quo ...
vue父组件与子组件之间传值
1.父组件像子组件传值:v-bind进行绑定:(自定义属性) 父组件其中counts是自定义属性,它的值是传给子组件的子组件子组件通过props属性,counts是父组件传过来的值 2.子组件向 ...
React子组件如何传值给父组件?这样传
父组件传值到子组件先来温习一下在React中父组件如何传值给子组件: 利用props可直接实现由父组件传值给子组件父组件中代码: ReactDOM.render(<App text=&quo ...

php刷新父页面,layui: 子iframe关闭/传值/刷新父页面

php刷新父页面,layui: 子iframe关闭/传值/刷新父页面相关推荐

最新文章

热门文章