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()
-------------------------------------------------------待补充--------------------------------------------------------------------------------------------
若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()
相关文章推荐
- 【人体姿态】Stacked Hourglass算法详解
- cdoj-1324-卿学姐与公主
- Lua API 小记1
- PHP如何区分未定义,null
- 阿里云CentOS6.5安装jdk1.7
- WordPress插件 Easy Digital Downloads 集成Alipay支付宝网关[更新至v4.0]
- JS中onclick与addEventListener绑定事件的区别
- 接口与抽象类
- 一个URL的组成
- 零基础学习前端-从bootstrap开始(一)
- LeetCode 100. Same Tree
- 我。。重新开始做计算器
- [w3schools提供的HTML系列教程]HTML介绍
- 常规功能和模块自定义系统 (cfcmms)—044模块导航功能的重构(2)
- iOS9中使用提示框的正确实现方式
- CodeForces 492D Vanya and Computer Game(二分)
- 课后练习——计算器运算
- [置顶] Android开发之Toast吐司的一个封装好的工具类。带有源代码java文件,
- 第12周项目1:实现复数类中的运算符重载(2)
- 二叉查找树