layui的open怎麼關閉

layui open關閉的方法：先開啟並查看js部分；然後去到修改文章頁面；最後在「articleUpdate.jsp」的JS部分用「layer.close(index)」方法關閉特定層即可。

本教學操作環境：windows10系統、layui2.5.6，本文適用於所有品牌的電腦。

推薦：《layui教學》

layui-open關閉自身視窗解決方法

1、這裡的彈窗彈出來的是一個頁面，經過了後台才彈出來的一個頁面

1.1、彈出窗口的實現

       1.1 .1、js 部分

     function getArticleById(articleId){
             var index = layer.open({
                    type: 2,
                    title: '修改管理员',
                    area: ['90%', '95%'],
                    shade: 0.8,
                    resize: false,
                    fixed: false,
                    move: false,
                    shadeClose: false,
                    content: '${ctxPath}/article/getArticleById?articleId='+articleId
                });
            }

          1.1.2、後台Java部分

 /**
 * 去到修改文章页面
 * */
    @RequestMapping("/getArticleById")
    public String getArticleById(@RequestParam("articleId") Integer articleId,Model model) {
    MrtArticle mrtArticle = mrtArticleService.getArticleById(articleId);
    model.addAttribute("mrtArticle",mrtArticle); 
    return "article/articleUpdate";
    }

         、關閉該彈窗，在articleUpdate.jsp的JS部分用以下兩行程式碼它就把自己關閉了

  //当你在iframe页面关闭自身时
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭   
        layer.alert('提交成功', {
                    skin: 'layui-layer-molv' //样式类名  自定义样式
                    ,closeBtn: 1    // 是否显示关闭按钮
                    ,anim: 1 //动画类型
                    ,btn: ['确定'] //按钮
                    ,icon: 6    // icon
                    ,yes:function(){
                   //当你在iframe页面关闭自身时
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭

                    }
              });

layer.close(index) - 關閉特定層

關於它似乎沒有太多介紹的必要，唯一讓你疑惑的，可能就是這個
index

了吧。事實上它非常容易得到。

codelayui.code

//當你想要關閉目前頁的某個層

var index = layer.open();
1. var index = layer.alert();
2. var index = layer.load();
3. var index = layer.tips();
4. #//正如你看到的，每一種彈層呼叫方式，都會回傳一個index
5. layer.close(index); //此時你只需要把獲得的index，輕輕地賦予layer.close即可
7. //如果你想關閉最新彈出的層，直接取得layer.index即可
8. layer.close(layer.index); //它取得的總是最新彈出的某個層，值是由layer內部動態遞增計算的
11. #//當你在iframe頁面關閉自身時
12. var index = parent.layer.getFrameIndex(window.name); //先得到目前iframe層的索引
13. parent.layer.close(index); //再執行關閉
15. layer.closeAll(type) - 關閉所有層

如果你很懶，你不想去拿index你只想關閉。那麼closeAll真的可以幫你。如果你不指向層類型的話，它會銷毀掉當頁所有的layer層。當然，如果你只想關閉某個類型的層，那麼你可以

codelayui.code

1. #layer.closeAll(); //瘋狂模式，關閉所有層
2. layer.closeAll('dialog'); //關閉資訊框
3. layer.closeAll('page'); //關閉所有頁面層
4. layer.closeAll(' iframe'); //關閉所有的iframe層
5. layer.closeAll('loading'); //關閉載入層
6. layer.closeAll('tips'); //關閉所有的tips層

以上是layui的open怎麼關閉的詳細內容。更多資訊請關注PHP中文網其他相關文章！