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

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: '修改管理员',
                    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";
    }

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

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

  //当你在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 かもしれません。実際、それは非常に簡単に入手できます。

colayui.code

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

あなたが怠け者であれば、 インデックスを取得したくない 単に閉じたいだけです。それなら、closeAll が本当に役に立ちます。レイヤー タイプを指定しない場合、現在のページ上のすべてのレイヤーが破棄されます。もちろん、特定のタイプのレイヤーのみを閉じたい場合は、

colayui.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'); / /ヒントレイヤーをすべて閉じる

以上がレイウイのオープンを閉じる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。