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

本文介绍了如何使用EasyUI插件中的Dialog组件实现页面模态显示,包括本地页面加载及远程页面加载的方法。针对不同场景提供了多种示例代码,如直接在当前页面加载对话框、通过window.showModalDialog加载远程页面等。
摘要由CSDN通过智能技术生成

留待补充,明晚下班补充,要养成及时记录的好习惯。

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


若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()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值