這是網友在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實現第二層彈出框的方法,希望大家能夠喜歡。