前端 layer 弹窗

首先

<!-- 引入layer插件 -->
<script src="${ctxStatic}/layer-v2.3/layer/layer.js"></script>

<script src="${ctxStatic}/layer-v2.3/layer/laydate/laydate.js"></script>

function openDialog(title,url,width,height,target){
	
	if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){//如果是移动端,就使用自适应大小弹窗
		width='auto';
		height='auto';
	}else{//如果是PC端,根据用户设置的width和height显示。
	
	}
	
	top.layer.open({
	    type: 2,  //0:信息框,默认  1:页面层 2:iframe层 3:加载层 4:tips层
	    area: [width, height],
	    title: title,
        maxmin: true, //开启最大化最小化按钮
	    content: url ,
	    fixed: false,//是否锁定
	    resize:true,//是否允许缩放
	    btn: ['确定', '关闭'],
	    yes: function(index, layero){
	    	 var body = top.layer.getChildFrame('body', index);
	         var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();
	         var inputForm = body.find('#inputForm');
	         var top_iframe;
	         if(target){
	        	 top_iframe = target;//如果指定了iframe,则在改frame中跳转
	         }else{
	        	 top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe 
	         }
	         inputForm.attr("target",top_iframe);//表单提交成功后,从服务器返回的url在当前tab中展示
	         
	        if(iframeWin.contentWindow.doSubmit() ){
	        	// top.layer.close(index);//关闭对话框。
	        	  setTimeout(function(){top.layer.close(index)}, 100);//延时0.1秒,对应360 7.1版本bug
	         }
			
		  },
		  cancel: function(index){ 
	       }
	}); 	
	
}

layero.find("iframe")[0].contentWindow.$("#contentTable tbody tr td input.i-checks:checkbox").each(function(){})父子间传值


发布了36 篇原创文章 · 获赞 8 · 访问量 6万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章