第一种:直接打开dialog,选择关掉子页面时刷新父页面
<div id="dlg" class="easyui-dialog" style="width:700px;height:450px;float:none" data-options="onClose:function(){window.location.reload(true);} , modal:true " closed="true" buttons="#dlg-buttons">
<table>
</div>
<script type="text/javascript">
$('#dlg').dialog('open').dialog('center').dialog('setTitle', 'New Issue');
</script>
第二种:把子页面直接新建一页,然后在父页中采用window.open()来调用子页面
这种的优点:共用型强,可以重复使用子页面。
缺点:子页面与父页面相互独立,不可使用modal模式
使用model模式可以使用showModalDialog, 但是只能使用在IE浏览器适用,其他
window.showModalDialog("Index2", "", "dialogWidth=200px;dialogHeight=100px");
<input type="button" οnclick="NewLoadView()" value="刷新页面" />
<script type="text/javascript">
function NewLoadView() {
var winObj = window.open("Index2", "newwindow", "modal=yes,height=400, width=400,left=500,top:50, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no;");
var loop = setInterval(function () {//监控子页面是否为关闭状态
if (winObj.closed) {
clearInterval(loop);
alert("刷新");
parent.location.reload();
}
}, 1);
}
</script>
参数解释:
<SCRIPT LANGUAGE="javascript"> js脚本开始;
window.open 弹出新窗口的命令;
'page.html' 弹出窗口的文件名;
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
Resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
</SCRIPT> js脚本结束
如果要打开两个页面,注意两个页面的的top,left不要重叠。