jQuery EasyUI 窗口插件 – Window 窗口
jQuery EasyUI 插件扩展自 $.fn.panel.defaults。通过 $.fn.window.defaults 重写默认的 defaults。
窗口（window）是一个浮动的、可拖拽的面板，可以当做应用程序窗口使用。默认情况下，窗口可移动、可调整尺寸、可关闭。它的内容既可以通过静态 html 定义，也可以通过 ajax 动态加载。
依赖
- draggable
- resizable
- panel
用法
创建窗口（window）
1、从标记创建窗口（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、使用 javascript 创建窗口（window）。
<div id="win"></div>
$('#win').window({
width:600,
height:400,
modal:true
});
3、通过复合布局创建窗口（window）。
像往常一样，你可以定义窗口布局。下面的实例演示了如何分割窗口区域为两个部分：北区和中心区。
<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）。
$('#win').window('open'); // open a window
$('#win').window('close'); // close a window
通过 ajax 加载窗口内容。
$('#win').window('refresh', 'get_content.php');
属性
该属性扩展自面板（panel），下面是为窗口（window）重写和添加的属性。
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| title | string | 窗口的标题文本。 | New Window |
| collapsible | boolean | 定义是否显示折叠按钮。 | true |
| minimizable | boolean | 定义是否显示最小化按钮。 | true |
| maximizable | boolean | 定义是否显示最大化按钮。 | true |
| closable | boolean | 定义是否显示关闭按钮。 | true |
| closed | boolean | 定义是否关闭窗口。 | false |
| zIndex | number | 从其开始增加的窗口的 z-index。 | 9000 |
| draggable | boolean | 定义窗口是否可拖拽。 | true |
| resizable | boolean | 定义窗口是否可调整尺寸。 | true |
| shadow | boolean | 如果设置为 true，当窗口能够显示阴影的时候将会显示阴影。 | true |
| inline | boolean | 定义如何放置窗口，当设置为 true 时则放在它的父容器里，当设置为 false 时则浮在所有元素的顶部。 | false |
| modal | boolean | 定义窗口是不是模态（modal）窗口。 | true |
事件
该事件扩展自面板（panel）。
方法
该方法扩展自面板（panel），下面是为窗口（window）添加的方法。
| 名称 | 参数 | 描述 |
|---|---|---|
| window | none | 返回外部窗口（window）对象。 |
| hcenter | none | 水平居中窗口。该方法自版本 1.3.1 起可用。 |
| vcenter | none | 垂直居中窗口。该方法自版本 1.3.1 起可用。 |
| center | none | 居中窗口。该方法自版本 1.3.1 起可用。 |
jQuery EasyUI 插件