Comment fermer l'ouverture de Layui-Tutoriel Layui-php.cn

Comment fermer l'ouverture de Layui

藏色散人

Libérer： 2020-11-30 11:37:16

original

6457 Les gens l'ont consulté

Comment fermer layui open : ouvrez d'abord et visualisez la partie js ; puis allez sur la page de modification de l'article ; enfin utilisez la méthode "layer.close(index)" dans la partie JS de "articleUpdate.jsp" pour fermer le calque spécifique.

Comment fermer l'ouverture de Layui

L'environnement d'exploitation de ce tutoriel : système Windows 10, layui2.5.6 Cet article s'applique à toutes les marques d'ordinateurs.

Recommandé : "tutoriel layui"

layui-open ferme sa propre solution de fenêtre

1. La fenêtre pop-up affiche ici une page, qui apparaît après avoir traversé l'arrière-plan

1.1. Implémentation de la fenêtre pop-up

1.1 .1, partie 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
                });
            }

Copier après la connexion

1.1.2, la partie Java d'arrière-plan

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

Copier après la connexion

apparaît également ici

1.2 , fermez la fenêtre pop-up, utilisez les deux lignes de code suivantes dans la partie JS de articleUpdate.jsp pour se fermer

  //当你在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); //再执行关闭

                    }
              });

Copier après la connexion

layer.close(index) - Fermez le calque spécifique

Il ne semble pas nécessaire d'en présenter grand-chose. La seule chose qui vous rend confus est peut-être cet

index. En fait, c'est très facile à obtenir.

codelayui.code

var index = layer.open();
var index = layer.alert();
var index = layer.load();
var index = layer.tips();
//Juste comme Comme vous pouvez le voir, chaque méthode d'appel de la couche élastique renverra un index
layer.close(index); //À ce stade, il vous suffit de donner doucement l'index obtenu à layer.close. Peut
//Si vous souhaitez fermer le dernier calque contextuel, récupérez simplement layer.index directement
layer.close(layer.index); Il obtient toujours le dernier calque contextuel, et la valeur est calculée dynamiquement et incrémentiellement au sein du calque
//Lorsque vous vous fermez sur la page iframe
var index = parent.layer.getFrameIndex(window.name); //Obtenir d'abord l'index de la couche iframe actuelle
parent.layer. close(index); //Exécuter à nouveau la fermeture

layer.closeAll(type) - Ferme tous les calques

Si vous êtes paresseux, vous ne voulez pas obtenir l'index et vous voulez juste fermer. Alors closeAll peut vraiment vous aider. Si vous ne pointez pas vers un type de calque, cela détruira tous les calques de la page actuelle. Bien sûr, si vous souhaitez fermer uniquement un certain type de calque, vous pouvez