jQuery EasyUI widget - Window window

rely

• draggable
• resizable
• panel

usage

Create a window (window)

1, from the tag to create a window (window).

<Div id = "win" class = "easyui-window" title = "My Window" style = "width: 600px; height: 400px"
    data-options = "iconCls: 'icon-save', modal: true">
    Window Content
</ Div>

2, using javascript to create a window (window).

<Div id = "win"> </ div>

$ ( '# Win'). Window ({
    width: 600,
    height: 400,
    modal: true
});

3, create a window (window) through the composite layout.

As usual, you can define the window layout. The following example demonstrates how to split the window area into two parts: the northern and central areas.

<Div id = "win" class = "easyui-window" title = "My Window" style = "width: 600px; height: 400px"
    data-options = "iconCls: 'icon-save', modal: true">
    <Div class = "easyui-layout" data-options = "fit: true">
		<Div data-options = "region: 'north', split: true" style = "height: 100px"> </ div>
		<Div data-options = "region: 'center'">
			The Content.
		</ Div>
    </ Div>
</ Div>

Window (window) action

Opening and closing windows (window).

$ ( '# Win') window ( 'open');. // Open a window
$ ( '# Win') window ( 'close');. // Close a window

Loading window content via ajax.

$ ( '# Win') window ( 'refresh', 'get_content.php').;

Attributes

The property extends from the panel (panel), the following is a window (window) rewriting and properties added.

event

The event extends from the panel (panel).

method

The methods extend from panels (panel), the following is a method for the window (window) to add.