jQuery EasyUI 窗口插件 – Window 窗口

jQuery EasyUI 窗口插件 - Window 窗口

jQuery EasyUI 插件

依賴

• draggable
• resizable
• panel

用法

創(chuàng)建窗口（window）

1、從標(biāo)記創(chuàng)建窗口（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 創(chuàng)建窗口（window）。

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

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

3、通過復(fù)合布局創(chuàng)建窗口（window）。

像往常一樣，你可以定義窗口布局。下面的實(shí)例演示了如何分割窗口區(qū)域?yàn)閮蓚€部分：北區(qū)和中心區(qū)。

<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）動作

打開和關(guān)閉窗口（window）。

$('#win').window('open'); // open a window
$('#win').window('close'); // close a window

通過 ajax 加載窗口內(nèi)容。

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

屬性

該屬性擴(kuò)展自面板（panel），下面是為窗口（window）重寫和添加的屬性。

事件

該事件擴(kuò)展自面板（panel）。

方法

該方法擴(kuò)展自面板（panel），下面是為窗口（window）添加的方法。

jQuery EasyUI 插件