easyui创建模式化窗口

最新推荐文章于 2023-05-18 11:07:06 发布

原创最新推荐文章于 2023-05-18 11:07:06 发布 · 2.5k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

EasyUi 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用jQuery创建模式化对话框(Dialog)的方法。该方法通过定义一个名为modalDialog的函数来实现，该函数接受选项参数并返回一个模式化的对话框。对话框可以包含一个iframe元素用于加载外部URL的内容，并且提供了关闭对话框的功能。

/*
创建一个模式化Dialog
*/
var modalDialog = function (options) {
//modalDialog.handler==undefined
var opts = $.extend({
id: '',
title: ' ',
width: 800,
height: 500,
modal: true,
onClose: function () {
$(this).dialog('destroy');
}
}, options);
opts.modal = true;// 强制此dialog为模式化，无视传递过来的modal参数
if (options.url) {
opts.content = '<iframe id="' + options.id + '" src="' + options.url + '" allowTransparency="true" scrolling="auto" width="100%" height="98%" frameBorder="0" name=""></iframe>';
}
return $('<div/>').dialog(opts);
};