DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> EasyUI實現第二層彈出框的方法
EasyUI實現第二層彈出框的方法
編輯:JavaScript綜合知識     

 本文給大家分享的是一則使用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實現第二層彈出框的方法,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved