@author YHC
从 $.fn.panel.defaults继承,覆盖默认值$.fn.window.defaults.
window 是一个漂浮的可拖动的panel可以使用作为应用程序的窗体,默认的window 是可以移动,改变大小,关闭.它的内容也可以定义为要么是静态的html
或者是通过ajax动态记载内容.
相关依赖
- draggable
- resizable
- panel
使用示例
创建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>
使用javascript创建
window
<div id="win"></div>
$('#win').window({
width:600,
height:400,
modal:true
});
创建
window 和复杂布局
通常你可以定义window 布局,下面的示例展示如何切割窗体区域到两个部分,north 和center
<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'); // 打开 window
$('#win').window('close'); // 关闭 window
通过ajax加载window内容
$('#win').window('refresh', 'get_content.php');
属性
属性从 panel继承, 下面是window重写和新增的属性.
Name | Type | Description | Default |
---|---|---|---|
title | string | window的标题文本. | New Window |
collapsible | boolean | 定义是否显示可折叠按钮. | true |
minimizable | boolean | 定义是否显示最小化按钮. | true |
maximizable | boolean | 定义是否显示最大化按钮. | true |
closable | boolean | 定义是否显示可关闭按钮. | true |
closed | boolean | 定义是否关闭window. | false |
zIndex | number | Window z-index,从这个值增加. | 9000 |
draggable | boolean | 定义window是否可以拖动. | true |
resizable | boolean | 定义window是否可以改变大小. | true |
shadow | boolean | 如果设置为true,当window显示的时候阴影也会显示. | true |
inline | boolean | 定义如何放置window ,true将放置到他的父容器中,false将放置到所有元素之上elements. | false |
modal | boolean | 定义window是否是一个模态窗体. | true |
事件
事件从panel继承.
方法
方法从panel继承,以下是window新增的方法.
Name | Parameter | Description |
---|---|---|
window | none | 返回外部的window对象. |
以上如果有错误信息,请指出,thanks!!