Comment déclarer des variables globales dans layui.js : Ouvrez d'abord les codes de la page parent et de la page enfant ; puis déclarez les variables globales en coupant la valeur du lien dans la page enfant, avec des instructions telles que "var $proId = theRequest.projectId;".
L'environnement d'exploitation de ce tutoriel : système Windows 7, layui version 2.4. Cette méthode convient à toutes les marques d'ordinateurs.
Recommandé : "Tutoriel de base de JavaScript" "Tutoriel layUI"
layui est un framework d'interface utilisateur front-end écrit en utilisant ses propres spécifications de module, suivant La forme d'écriture et d'organisation du HTML/CSS/JS natif a un seuil très bas et est prête à l'emploi. Il est minimaliste à l'extérieur mais plein à l'intérieur. Il est léger et riche en composants, chaque détail, du code principal à l'API, a été soigneusement conçu, ce qui le rend très approprié pour le développement rapide d'interfaces.
Comment déclarer des variables globales dans layui.js ?
Layui Nouvelle façon de déclarer des variables globales : Vous pouvez déclarer des variables globales en coupant la valeur de --link-- dans la sous-page
Code de la page parent :
case 'detail': if (data.length === 0) { layer.msg('请选择一行'); } else if ( data[0].projectId ) { parent.layer.open({ type: 2, anim:1, title: '查看详情', maxmin: true, area: ['85%', '95%'], content: '/static/views/iframe/project/detail.html?projectId='+data[0].projectId +'&t='+ Date.now(), //在链接上加入项目id,在子页面截取 success: function (layero, index) { //projectId 在子页面截取,全局使用! var body = parent.layer.getChildFrame('body', index); // body.find('#projectId').val(data[0].projectId) } }); }else{ layer.msg('请刷新页面,再次操作即可') } break;
Code de la sous-page
//这段代码通用: var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for (var i = 0; i < strs.length; i++) { theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]); } } var $proId = theRequest.projectId; //声明全局项目id
Remarque :
Ce code est placé en dehors de layui.use
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!