EasyUI笔记(三)Window窗口

时间:2022-06-03 09:06:21

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

属性名属性值类型描述默认值
title   string   窗口的标题文本。   New Window  
collapsible   boolean   定义是否显示可折叠按钮。   true  
minimizable   boolean   定义是否显示最小化按钮。   true  
maximizable   boolean   定义是否显示最大化按钮。   true  
closable   boolean   定义是否显示关闭按钮。   true  
closed   boolean   定义是否可以关闭窗口。   false  
zIndex   number   窗口Z轴坐标。   9000  
draggable   boolean   定义是否能够拖拽窗口。   true  
resizable   boolean   定义是否能够改变窗口大小。   true  
shadow   boolean   如果设置为true,在窗体显示的时候显示阴影。   true  
inline   boolean   定义如何布局窗口,如果设置为true,窗口将显示在它的父容器中,否则将显示在所有元素的上面。   false  
modal   boolean   定义是否将窗体显示为模式化窗口。   true  
Dialog(对话框窗口)

该对话框是一种特殊类型的窗口,它在顶部有一个工具栏,在底部有一个按钮栏。对话框窗口右上角只有一个关闭按钮用户可以配置对话框的行为显示其他工具,如collapsible,minimizable,maximizable工具等。

EasyUI笔记(三)Window窗口

 

通过已存在的DOM节点元素标签创建。下面的例子显示了一个可变大小的模式窗口。

<divid="dd"class="easyui-dialog"title="My Dialog"style="width:400px;height:200px;"

data-options="iconCls:‘icon-save‘,resizable:true,modal:true">

Dialog Content.

</div>

使用Javascript创建对话框窗口也是允许的。现在让我们创建一个模式窗口并调用‘refresh‘方法通过ajax读取内容。

<divid="dd">Dialog Content.</div>

$(‘#dd‘).dialog({

title:‘My Dialog‘,

width:400,

height:200,

closed:false,

cache:false,

href:‘get_content.php‘,

modal:true

});

$(‘#dd‘).dialog(‘refresh‘,‘new_content.php‘);

属性

对话框窗口的属性扩展自window(窗口),对话框窗口重新定义的属性如下:

属性名属性值类型描述默认值
title   string   对话框窗口标题文本。   New Dialog  
collapsible   boolean   定义是否显示可折叠按钮。   false  
minimizable   boolean   定义是否显示最小化按钮。   false  
maximizable   boolean   定义是否显示最大化按钮。   false  
resizable   boolean   定义是否可以改变对话框窗口大小。   false  
toolbar   array,selector   设置对话框窗口顶部工具栏,可用值有:
1) 一个数组,每一个工具栏中的工具属性都和linkbutton相同。
2) 一个选择器指定工具栏。

对话框窗口工具栏可以声明在<div>标签里面: