您的位置:首页 > 其它

dialog本地加载和远程加载的实现方式

2016-05-17 22:55 197 查看
留待补充,明晚下班补充,要养成及时记录的好习惯。

-------------------------------------------------------待补充--------------------------------------------------------------------------------------------

若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()
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: