留待补充,明晚下班补充,要养成及时记录的好习惯。
-------------------------------------------------------待补充--------------------------------------------------------------------------------------------
若dialog在本页面中加载,若想模态化窗口,则可以使用.window("open")的方式进行页面加载;示例代码如下:
1.
通过设置本页面为easyui-window,这里采用了easyui插件,可以方便的开发
<div id='win1' data-options="closed:true" class="easyui-window" title="特殊收费" style="width:600px;height:418px;padding:0">
$('#win1').window('close'); //初始化的时候关闭
$('#win1').window('open');//调用的时候打开
2可以用在本页面设置dialog的方式进行对话框的打开和关闭,网上资料比较详尽在此不做过多说明。
------------------------------------------------远程加载-------------------------------------
若需要在dialog中加载远程的页面,则可以使用如下代码
//第一种方法已经不太推荐,可能会产生页面不兼容和控件不支持等问题,荡加载远程页面时可以用dialog加载方式加载远程页面(第二种)
这里加载远程调用窗口可能会遇到几个问题,如果采用第一种方式,可能会有浏览器不兼容和参数传递的不同,所以这也是showModalDialog渐渐被淘汰的原因,采用dialog的方式可以实现模态化,并且可以指定大小,比较符合要求,第三种,采用window.open()的方法,则可以实现参数传递,但是不容易实现模态化,查找资料,也有部分人会选用iframe的方式让window.open可以模态化,可以上网查找相关的资料。第一种方法通过模态化窗口进行远程加载,如果想将父页面的元素传入到子元素提供调用,则可以将第二个参数写为window,可以实现页面的传递,但是在获取的时候会遇到一些问题,所以可以采用dialog的方式来加载页面。
1 window.showModalDialog("recard_view.html",window, "dialogHeight:690px;dialogWidth:950px;status=no;center:yes;");
2 $('#dd').dialog({
title:"收件材料",
modal:true,
height:550,
width:880,
href:"rest/page/turnPage?page=receiveMat/receivecard_cardview",
});
3 window.open()