EasyUI-Window（窗口）

扩展自$.fn.panel.defaults。使用$.fn.window.defaults重写默认值对象。

窗口控件是一个浮动和可拖拽的面板可以用作应用程序窗口。默认情况下,窗口可以移动,调整大小和关闭。它的内容也可以被定义为静态html或要么通过ajax动态加载。

依赖关系

• draggable
  
• resizable
  
• panel
  

使用案例

创建窗口

1. 通过标签窗口窗口。

<div id=”win” class=”easyui-window” title=”My Window” style=”width:x;height:x”

data-options=”iconCls:’icon-save’,modal:true”>

Window Content

</div> 

2. 通过Javascript创建窗口。
<div id=“win”></div>  

$(‘#win’).window({

width:

height:

modal:true

}); 

3. 创建复合布局窗口。

像往常一样定义窗口布局。下面的例子显示了如何将窗体分为两部分：北部和中间。

<div id=”win” class=”easyui-window” title=”My Window” style=”width:x;height:x”

data-options=”iconCls:’icon-save’,modal:true”>

<div class=”easyui-layout” data-options=”fit:true”>

<div data-options=”region:’north’,split:true” style=”height:x”></div>

<div data-options=”region:’center'”>

The Content.

</div>

</div>

</div> 

窗口的一些动作

打开和关闭窗口。
$(‘#win’).window(‘open’);  // open a window
$(‘#win’).window(‘close’);  // close a window  

通过ajax读取窗口内容。
$(‘#win’).window(‘refresh’, ‘get_content.php’);  

属性

窗口的属性扩展自panel(面板)，窗口新增或重新定义的属性如下：

事件

窗口的事件完整继承自panel(面板)。

方法

窗口的方法扩展自panel(面板)，窗口新增的方法如下：

声明: 除非转自他站（如有侵权，请联系处理）外，本文采用 BY-NC-SA 协议进行授权 | 嗅谱网
转载请注明：转自《EasyUI-Window（窗口）》
本文地址：http://www.xiupu.net/archives-2576.html
关注公众号：