Home  >  Article  >  Web Front-end  >  EasyUI method to implement the second layer pop-up box_jquery

EasyUI method to implement the second layer pop-up box_jquery

WBOY
WBOYOriginal
2016-05-16 16:11:521398browse

This is the code used by netizens when expanding EasyUI.

You can modify it according to actual needs.

$.modalDialog2.handler This handler represents the pop-up dialog handle
$.modalDialog2.xxx This xxx can be named by yourself. It is mainly used to refresh certain objects when the pop-up window is closed. You can predefine the xxx object

Copy code The code is as follows:

$.modalDialogTwo = function(options) {
if ($.modalDialogTwo.handler == undefined) {// Avoid repeated pop-ups
var opts = $.extend({
title: '',
width : 840,
height : 680,
modal : true,
onClose : function() {
$.modalDialogTwo.handler = undefined;
$(this).dialog('destroy');
},
onOpen : function() {
// parent.$.messager.progress({
// title: 'Tips',
// text: 'Data is loading, please wait....'
// });
}
}, options);
opts.modal = true; // Force this dialog to be modal, ignoring the passed modal parameter
return $.modalDialogTwo.handler = $('
').dialog(opts);
}
};

The above is my personal method of using EasyUI to implement the second layer pop-up box. I hope you all like it.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn