当前位置:网站首页 > tp日志 > 正文

thinkphp5.1配合layer.js实现子窗口关闭

thinkphp教练

  之前thinkphp二次开发的时候,用的是bootstrap 的这个ui框架,后面用layui,现在客户要求用vue。这能看出什么?

  看出技术真的在不断的升级优化,如果你想一直走在前端,应该会累死,最后什么事情也做不了。那我们能做点什么,能靠这些赚钱呢?

  比如tpshop 、shopx、fastadmin 类似的系统,基本实现月入3万+,至于加到多少,就不得而知,如果你也想要这样的,就多花点心思找某个方向的用户痛点。还有盖自己的护城河。

  关于打造赚钱的系统我们后续再慢慢聊。



  大师来自小白,谁都是有不会的开始。

  今天解决一个thinkphp5.1 配合layui 中的layer.js 插件中遇到的这样的问题。 layer.open() 后的弹窗。我们在弹窗里面做了添加新用户的功能。添加成功或者失败后,需求需要让这个弹窗的也随提示完毕后关闭。



在这个弹窗页面采用以下代码,可以实现。





        $.ajax({

                          type: "POST",

                          url: "{:url('admin/admin/adds')}",

                          data: data.field,

                          dataType: "json",

                          success: function(data){

                             var objdata = JSON.parse(data);

                            

                            

                            layer.msg(objdata.msg, {time: 2000 }, function () {

                                  window.parent.location.reload();

                            

                            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引



                            parent.layer.close(index); //再执行关闭

                              });

                            

                         

                        

                          }

                      });





 主要这个两句

  var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引



                            parent.layer.close(index); //再执行关闭







这样就可以实现添加完功能后,关闭弹窗。然后刷亲父页面。展示最新添加的数据了。