Easy Ui + Jquery pop-up window

The easy Ui has a variety of pop-up windows

I'm just going to come up with a feeling that I realized is handy.

The easy UI JS referenced first

<script type= "Text/javascript" src= ". /js/jquery-1.8.2.min.js "></script><script type=" Text/javascript "src=". /js/easyui/jquery.easyui.min.js "></script>

As well as his style. css files are also referenced

Now, let's play the window and define a div.

<div id= "Win" style= "Display:none;" > Pop-up window content </div>

It is important to note that the style of div is to be hidden

function Openwindow (id,titlename,vwidth,vheight) {     $ (' # ' +id). Window ({                width:vwidth,                height:vheight,                modal:true,    title:titlename,    collapsible:false,    minimizable:false,//min    maximizable:false ,//Maximize    Resizable:false    });      }

This is our JS pop-up window method.

ID is the ID of your div.

TitleName is what you see on the top of the window, such as New user modification user

Vwidth and Vheight are the size of your pop-up window.

Let's start by looking at JS inside how to call

First, we're going to display=block the div style when we call.

document.getElementById ("Win"). style.display= "Block";    Openwindow (' Win ', ' Modify department ', 300,340);

Also close the window is very simple

$ (' #win '). Window (' close ');

All right, there's a lot of properties in the pop-up window, and I'm not going to show you how to find the easy UI on the official web.

Easy Ui + Jquery pop-up window