Présentation d'un plug-in contextuel frontal très facile à utiliser :
Adresse du site officiel de la couche : http://layer.layui.com/
Selon l'API officielle : fenêtre pop-up iframe de la couche
//iframe层-父子操作 layer.open({ type: 2, area: ['700px', '530px'], fix: false, //不固定 maxmin: true, content: 'test/iframe.html' });
Ici, nous utilisons le développement PHP comme exemple pour montrer comment soumettre Fermer automatiquement la fenêtre contextuelle du calque après le formulaire
(1) Afficher la boîte d'édition du calque :
function edit(id){ if(id==null||id==''||id=='undefined'){ alert('操作编号为空,请联系管理员'); } layer.open({ type: 2, area: ['700px', '530px'], fix: false, //不固定 maxmin: true, content: 'index.php?m=content&c=meiti&a=edit_paiqi&id='+id }); }
(2) Modifier le code principal de la page
<input name="dosubmit" type="submit" id="dosubmit" value="提交" class="button" >
(3) PHP enregistre les données en arrière-plan et pointe vers une méthode pour fermer la fenêtre des calques
public function edit_config_paiqi(){ $id = trim($_REQUEST['id']); $paiqi_db = pc_base::load_model('paiqi_config_model'); if($_REQUEST['dosubmit']){ $insertinfo = array(); $insertinfo['catid'] = trim($_POST['catid']); $insertinfo['meitiid'] = trim($_POST['meitiid']); $insertinfo['title'] = trim($_POST['title']); $insertinfo['meitizhuname'] = trim($_POST['meitizhuname']); $insertinfo['meitizhuid'] = trim($_POST['meitizhuid']); $insertinfo['createtime'] = SYS_TIME; $insertinfo['saturation'] = trim($_POST['saturation']); $datas = $paiqi_db->update($insertinfo,array("id"=>$id)); if($datas){ <span style="color:#ff0000;">showmessage(L('operation_success'),'?m=content&c=meiti&a=closewindow');//保存成功指向关闭窗口方法</span> } }else{ $datas = $paiqi_db->select(array("id"=>$id)); $template = "edit_config_paiqi"; include $this->admin_tpl($template); } }
/** * 关闭layer层 */ public function closewindow(){ $template = "close_layer"; include $this->admin_tpl($template); }
(4) Fermez la fenêtre et actualisez le code clé de la page de la fenêtre parent
$(function(){ parent.location.reload();//刷新父窗口 parent.layer.closeAll();//关闭所有layer窗口 });
Remarque : Cette page doit charger la bibliothèque js requise par la couche pour utiliser la méthode de couche
Recommandations d'apprentissage associées : programmation php(vidéo)
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!