使用iframe和layer实现弹框
一、div加iframe的效果
(1)在父页面定义一个div
<div id="popDiv" style="display: none;">
<iframe id="popIframe" border="0" frameborder="no"></iframe>
</div>
(2)给div的iframe定义一个页面,该地址为后台的servlet地址,默认访问方式为get
path = "${_baseUrl}/departmentController/selectManagerUser?inputId="+inputId+"&managerId="+managerId;
$("#popIframe").empty();
$("#popDiv").dialog({
title:'选择人员',
autoOpen: true,
modal: true,
height: 360,
width: 700
});
$("#popIframe").attr("width","100%");
$("#popIframe").attr("height","95%");
$("#popIframe").attr("src",path);
(3)关闭iframe弾框的方法
function closeWin(){
$("#popDiv").dialog('close');
}
(4)在子页面关闭窗口时,如果要调用父页面的对象及方法,需要在前面加parent
parent.closeWin();
二、layer弹框
(5)用layer弹窗实现iframe一样的效果
layerIndex = layer.open({
type: 2,
title:'选择人员',
area: ['700px', '360px'],
fixed: false, //不固定
maxmin: true,
shim: true,
content: path,
success: function(){
alert(sucess);
},
moveEnd: function(layero){
alert(moveEnd);
},cancel: function(){
alert(cancel);
}
});
function closeWin(){
layer.closeAll();
}