示例如下:
$('<iframe frameborder="0" src="/CH-SERVICE/views/platform/system/usergroup/assignUsers.xhtml"/>').dialog( {
autoOpen: true,
height: 350,
position: 'center',
width: 700,
beforeClose: function() {
//TODO
} }).width(700).height(350);
改进:
1、dialog中加入参数传递
常用情况是在界面中了某个值,打开的dialog需要传入这个值。所以修改dialog的options加入postParams,并且在dialog创建的时候读取参数放到url中(注意少许参数才可使用,对不同的浏览器url传参有限制)。修改如下
_create: function() {
this.originalTitle = this.element.attr('title');
//update by zhengcaihai 如果是iframe
if(this.element&&(this.element[0].tagName.toLowerCase()=='iframe')&&this.options.postParams){
var src=this.element.attr("src"),q='';
var arr=this.options.postParams.split(",");
if(arr!=null&&arr!=''){
for(var n in arr){
q+=$.param($("#"+arr[n]).formToArray(true))+"&";
}
this.element.attr("src",src+'?'+q);
}
}
var self = this,
options = self.options,
........
参考如图:
- 大小: 62.7 KB
分享到:
相关推荐
NULL 博文链接:https://lishuaishuai.iteye.com/blog/1267230
仿 JQuery Dialog 登录页面 htm css div 简洁
一款不错的jQueryDialog 插件使用范例,有需要的请查看
简单的jquery dialog实现插件,使用简单,自行修改样式
jQuery dialog对话框插件点击弹出对话框代码 jQuery dialog对话框插件点击弹出对话框代码
jQuery Dialog jQuery DialogjQuery DialogjQuery DialogjQuery DialogjQuery DialogjQuery Dialog
jquery_dialogjquery_dialogjquery_dialogjquery_dialogjquery_dialogjquery_dialogjquery_dialog
JQuery UI Dialog 弹出框以及清楚数据
Jquery中dialog属性的小计,详细介绍dialog的使用
jqueryAlert confirm prompt 将jqueryDialog改成prompt形式
jQuery对话框Dialog弹出层插件演示与使用说明
NULL 博文链接:https://wufan0023.iteye.com/blog/1446334
基于 jquery 项目中 用到的dialog弹出层 一种弹出层
全面的jquery dialog 细节 包括参数 包 css 等等
18、jQuery弹出对话框jQuery插件Dialog
虽然项目未结项就转交了出去,但开始对JQuery产生了好感并爱不释手,于是决定将此项目正式更名为JQueryDialog。 本次更新将代码完全基于了JQuery框架,并应用了命名空间,让JS看起来有那么一点OO的感觉,同时修改了...
两个版本:一个替换ui close按钮,对三个按钮设立同样css;一个不替换,修改ui的css文件;完美打开多个对话框,并可以分别控制最大最小关闭。jquery文件没有包含进来。
jQuery插件 dialog非常不错的弹出框控件
jquery dialog css3弹出对话框插件实例 jquery dialog css3弹出对话框插件实例
Jquery UI dialog 详解 (弹出层) 包含jquery弹出层的详细介绍,以及代码用例