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重写和新增的属性.

NameTypeDescriptionDefaulttitlestringwindow的标题文本.New Windowcollapsibleboolean定义是否显示可折叠按钮.trueminimizableboolean定义是否显示最小化按钮.truemaximizableboolean定义是否显示最大化按钮.trueclosableboolean定义是否显示可关闭按钮.trueclosedboolean定义是否关闭window.falsezIndexnumberWindow z-index,从这个值增加.9000draggableboolean定义window是否可以拖动.trueresizableboolean定义window是否可以改变大小.trueshadowboolean如果设置为true,当window显示的时候阴影也会显示.trueinlineboolean定义如何放置window ,true将放置到他的父容器中,false将放置到所有元素之上elements.falsemodalboolean定义window是否是一个模态窗体.true

事件

事件从panel继承.

方法

 方法从panel继承,以下是window新增的方法.

NameParameterDescriptionwindownone返回外部的window对象.


以上如果有错误信息,请指出,thanks!!