layer 弹出框再弹出框点击确认刷新父亲弹出框

最新推荐文章于 2024-01-24 15:17:04 发布

原创最新推荐文章于 2024-01-24 15:17:04 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个使用layui实现的弹窗功能，该功能用于添加发货信息，包括产品的ID和订单ID参数。通过一个示例展示了如何配置弹窗的大小、标题及最大化最小化按钮，并在点击确定按钮后提交表单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function addShip(productId,orderId){
		    var index = parent.layer.getFrameIndex(window.name);  
            var iframeName = 'layui-layer-iframe'+index;
		    top.layer.open({
			    type: 2,  
			    area: ['800px','480px'],
			    title: '添加发货信息',
		        maxmin: true, //开启最大化最小化按钮
			    content: '${ctx}/produceTrace/ship/addform?orderId='+orderId+'&productId='+productId ,
			    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 = iframeName;//如果指定了iframe，则在改frame中跳转
		             inputForm.attr("target",top_iframe);//表单提交成功后，从服务器返回的url在当前tab中展示
			         if(iframeWin.contentWindow.doSubmit(iframeName) ){
			        	  setTimeout(function(){
			        	  top.layer.close(index);
			        	  top.window[iframeName].frames.location.reload();
			        	  }, 100);//延时0.1秒，对应360 7.1版本bug
			         }
					
				  },
				  cancel: function(index){ 
			      }
	       }); 
		}