レイウイのオープンを閉じる方法-ライユイのチュートリアル-php.cn

レイウイのオープンを閉じる方法

藏色散人

リリース： 2020-11-30 11:37:16

オリジナル

6485 人が閲覧しました

Layui オープンクローズメソッド: 最初に 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: &#39;修改管理员&#39;,
                    area: [&#39;90%&#39;, &#39;95%&#39;],
                    shade: 0.8,
                    resize: false,
                    fixed: false,
                    move: false,
                    shadeClose: false,
                    content: &#39;${ctxPath}/article/getArticleById?articleId=&#39;+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";
    }

ログイン後にコピー

ここに到達するとページがポップアップします

1.2 、ポップアップウィンドウを閉じ、articleUpdate.jsp の JS 部分で次の 2 行のコードを使用して自体を閉じます。

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

                    }
              });

ログイン後にコピー

layer.close(index) - 閉じる特定のレイヤー

これについては多くを紹介する必要はないようですが、唯一混乱するのはこの

index かもしれません。実際、それは非常に簡単に入手できます。

colayui.code

varindex =layer.open();
varindex =layer.alert();
varindex =layer.load();
varindex =layer.tips();
//ただlike ご覧のとおり、Elastic Layer を呼び出すすべてのメソッドはインデックスを返します
layer.close(index); //このとき、取得したインデックスを Layer.close にそっと与えるだけで済みます。 Can
//最新のポップアップレイヤーを閉じたい場合は、layer.index を直接取得してください
layer.close(layer.index); //常に最新のポップアップレイヤーが取得され、値はレイヤー内で動的かつ増分的に計算されます
//iframe ページで自分自身を閉じたとき
varindex =parent.layer.getFrameIndex(window.name); //最初に現在の iframe レイヤーのインデックスを取得します
parent.layer. close(index); //再度シャットダウンを実行
##layer.closeAll(type) - すべてのレイヤーを閉じる