easyUI Window

@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!!