EasyUI實現第二層彈出框的方法

 本文給大家分享的是一則使用EasyUI實現第二層彈出框的方法，核心代碼是網友提供，這裡結合自己的項目需求，完善了下，推薦給大家。

   

這是網友在EasyUI拓展時的代碼。

可以根據實際需要自行修改。

$.modalDialog2.handler 這個handler代表彈出的dialog句柄
$.modalDialog2.xxx 這個xxx是可以自己定義名稱，主要用在彈窗關閉時，刷新某些對象的操作，可以將xxx這個對象預定義好

 

代碼如下:
$.modalDialogTwo = function(options) {
if ($.modalDialogTwo.handler == undefined) {// 避免重復彈出
var opts = $.extend({
title : '',
width : 840,
height : 680,
modal : true,
onClose : function() {
$.modalDialogTwo.handler = undefined;
$(this).dialog('destroy');
},
onOpen : function() {
// parent.$.messager.progress({
// title : '提示',
// text : '數據加載中，請稍後....'
// });
}
}, options);
opts.modal = true;// 強制此dialog為模式化，無視傳遞過來的modal參數
return $.modalDialogTwo.handler = $('<div/>').dialog(opts);
}
};

 

以上就是個人使用EasyUI實現第二層彈出框的方法,希望大家能夠喜歡。