layui使用button按钮 点击出现子弹层 弹层中加载表单,并传递参数给父弹出层

在父层中增加button按钮和隐藏域接收子弹出层传递的值

<button id="btnMenuTree" type="button" class="layui-btn layui-btn-radius layui-btn-normal layui-btn-xs">选择</button>
<input type="hidden" id="parentMenuId" name="parentMenuId" >
<input type="hidden" id="parentMenuName" name="parentMenuName" >

注意:button按钮标签中必须添加type="button"属性否则将会有问题

在我的一开始的button中,没有增加这个属性,导致使用下面这种直接layer.open,打开一个子弹出层的时候,打开一瞬间就又关闭了,并且刷新了页面;使用parent.layer.open的时候则没有问题,但是这就导致这两个层级是同一级,而不是父子级,传递参数的时候会有很大的不方便。

加载type="button"这个属性后,使用下面的代码打开子弹出层则没有问题,

$("#btnMenuTree").click( function () { 
		  layer.open({
	       	  type: 2,
	       	  title:"菜单树",
	       	  area: ['250px', '300px'],
	          content: "xxxx",
	          end: function(){ //销毁时调用
	          }   
	      });
			
}); 

之后在子弹出层通过下面的代码给父弹出层传递值

parent.$('#parentMenuName').val(node.name);
parent.$('#parentMenuId').val(node.menuId);

参考自https://blog.csdn.net/qq_37306041/article/details/80411389

猜你喜欢

转载自blog.csdn.net/ystyaoshengting/article/details/84850289