Comment fermer l'ouverture de Layui

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.

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: '修改管理员',
                    area: ['90%', '95%'],
                    shade: 0.8,
                    resize: false,
                    fixed: false,
                    move: false,
                    shadeClose: false,
                    content: '${ctxPath}/article/getArticleById?articleId='+articleId
                });
            }

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";
    }

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('提交成功', {
                    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) - 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

//Quand vous souhaitez fermer un calque de la page actuelle
1. var index = layer.open();
2. var index = layer.alert();
3. var index = layer.load();
4. var index = layer.tips();
5. //Juste comme Comme vous pouvez le voir, chaque méthode d'appel de la couche élastique renverra un index
6. layer.close(index); //À ce stade, il vous suffit de donner doucement l'index obtenu à layer.close. Peut
8. //Si vous souhaitez fermer le dernier calque contextuel, récupérez simplement layer.index directement
9. 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
12. //Lorsque vous vous fermez sur la page iframe
13. var index = parent.layer.getFrameIndex(window.name); //Obtenir d'abord l'index de la couche iframe actuelle
14. 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

codelayui.code

1. layer.closeAll(); // Mode fou, fermez tous les calques
2. layer.closeAll('dialog'); //Fermez la boîte d'informations
3. layer.closeAll('page'); //Fermez tous les calques de page
4. layer. closeAll(' iframe'); //Ferme tous les calques iframe
5. layer.closeAll('loading'); //Ferme le calque de chargement
6. layer.closeAll('tips'); /Fermer tout La couche de conseils

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!