jQuery EasyUI 窗口插件 – Window 窗口

扩展自 $.fn.panel.defaults。通过 $.fn.window.defaults 重写默认的 defaults。

窗口（window）是一个浮动的、可拖拽的面板，可以当做应用程序窗口使用。默认情况下，窗口可移动、可调整尺寸、可关闭。它的内容既可以通过静态 html 定义，也可以通过 ajax 动态加载。

依赖

• draggable
• resizable
• panel

用法

创建窗口（window）

1、从标记创建窗口（window）。

<div id="win" title="My Window"
    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" title="My Window"
    data-options="iconCls:'icon-save',modal:true">
    <div data-options="fit:true">
        <div data-options="region:'north',split:true"></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）重写和添加的属性。

事件

该事件扩展自面板（panel）。

方法

该方法扩展自面板（panel），下面是为窗口（window）添加的方法。