首页 > 后端开发 > php教程 > 实例讲解php提交表单关闭layer弹窗iframe

实例讲解php提交表单关闭layer弹窗iframe

coldplay.xixi
发布: 2023-04-09 13:54:02
转载
3304 人浏览过

实例讲解php提交表单关闭layer弹窗iframe

介绍一款非常好用的前端弹窗插件:

layer 官网地址:http://layer.layui.com/

根据官方的API:layer的iframe弹窗

1

2

3

4

5

6

7

8

//iframe层-父子操作

layer.open({

 type: 2,

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

 fix: false, //不固定

 maxmin: true,

 content: 'test/iframe.html'

});

登录后复制

这里以php开发为例 演示如何 提交表单后自动关闭layer弹窗

(1)弹出layer编辑框 :

1

2

3

4

5

6

7

8

9

10

11

12

13

function edit(id){

 if(id==null||id==''||id=='undefined'){

 alert('操作编号为空,请联系管理员');

 }

  

 layer.open({

  type: 2,

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

  fix: false, //不固定

  maxmin: true,

  content: 'index.php?m=content&c=meiti&a=edit_paiqi&id='+id

 });

}

登录后复制

(2)编辑页面主要代码

1

<input name="dosubmit" type="submit" id="dosubmit" value="提交" class="button" >

登录后复制

(3)php后台保存数据并指向一个关闭layer窗口的方法

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

public function edit_config_paiqi(){

        $id = trim($_REQUEST[&#39;id&#39;]);

        $paiqi_db = pc_base::load_model(&#39;paiqi_config_model&#39;);

        if($_REQUEST[&#39;dosubmit&#39;]){

            $insertinfo = array();

            $insertinfo[&#39;catid&#39;] = trim($_POST[&#39;catid&#39;]);

            $insertinfo[&#39;meitiid&#39;] = trim($_POST[&#39;meitiid&#39;]);

            $insertinfo[&#39;title&#39;] = trim($_POST[&#39;title&#39;]);  

            $insertinfo[&#39;meitizhuname&#39;] = trim($_POST[&#39;meitizhuname&#39;]);

            $insertinfo[&#39;meitizhuid&#39;] = trim($_POST[&#39;meitizhuid&#39;]);

            $insertinfo[&#39;createtime&#39;] = SYS_TIME;

            $insertinfo[&#39;saturation&#39;] = trim($_POST[&#39;saturation&#39;]);

            $datas = $paiqi_db->update($insertinfo,array("id"=>$id));

            if($datas){

                <span style="color:#ff0000;">showmessage(L(&#39;operation_success&#39;),&#39;?m=content&c=meiti&a=closewindow&#39;);//保存成功指向关闭窗口方法</span>

            }

        }else{

            $datas = $paiqi_db->select(array("id"=>$id));

            $template = "edit_config_paiqi";

            include $this->admin_tpl($template);

        }

    }

登录后复制

1

2

3

4

5

6

7

/**

 * 关闭layer层

 */

public function closewindow(){

    $template = "close_layer";

    include $this->admin_tpl($template);

}

登录后复制

(4)关闭窗口并刷新父窗口页面的关键代码

1

2

3

4

$(function(){

 parent.location.reload();//刷新父窗口

 parent.layer.closeAll();//关闭所有layer窗口

});

登录后复制

注意:该页面需要加载layer需要的js库才能使用layer方法

相关学习推荐:php编程(视频)

以上是实例讲解php提交表单关闭layer弹窗iframe的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:jb51.net
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板