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

EasyUI method to implement the second layer pop-up box_jquery

WBOY
Release: 2016-05-16 16:11:52
Original
1473 people have browsed it

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.

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template