作者博客

窗口(Window)

窗口[window]

继承$.fn.panel.defaults，使用$.fn.window.defaults重载默认值。

依赖关系

  • 一般拖动
  • 缩放
  • 控制面板

使用方法：

<div id="win" iconCls="icon-save" title="My Window">
    Window Content
</div>


$('#win').window({
    width:600,
    height:400,
    modal:true
});
$('#win').window('close');  //关闭窗口

属性：

继承控制面板，以下是窗口独有的或者重载控制面板的方法。

名称 类型 描述 默认值
title（标题） string（字符串） 窗口的标题。 New Window
collapsible（可折叠） boolean（布尔型） 定义是否显示折叠按钮。 true
minimizable（最小化） boolean（布尔型） 定义是否显示最小化按钮。 true
maximizable（最大化） boolean（布尔型） 定义是否显示最大化按钮。 true
closable（关闭） boolean（布尔型） 定义是否显示关闭按钮。 true
closed（已关闭） boolean（布尔型） 定义是否在初始化组件时关闭（隐藏）窗口 false
zIndex（堆叠顺序） number（数字） 窗口的堆叠顺序，从第一个窗口的zIndex值开始递增。 9000
draggable（可拖放） boolean（布尔型） 定义窗口是否可以被拖放。 true
resizable（可缩放） boolean（布尔型） 定义窗口是否可以被缩放。 true
shadow（阴影） boolean（布尔型） 如果设置为true，显示窗口的时候将显示阴影。 true
inline（行内显示） boolean（布尔型） 定义如何布局窗口，如果设置为true，窗口将显示在它的父容器中，否则将显示在所有元素的上面。 false
modal（遮罩） boolean（布尔型） 定义窗口是否带有遮罩效果。 true

事件：

事件继承控制面板。

方法：

方法继承控制面板，以下是窗口独有的方法。

名称 参数 描述
window none 返回窗口对象。

窗口[dialog]

继承$.fn.window.defaults，使用$.fn.dialog.defaults重载默认值。

依赖关系

  • 窗口
  • 链接按钮

使用方法：

<div id="dd" title="My Dialog" style="width:400px;height:200px;">
    Dialog Content.
</div>


$('#dd').dialog({
    modal:true
});

属性：

继承控制面板，以下是窗口独有的或者重载控制面板的方法。

名称 类型 描述 默认值
title（标题） string（字符串） 对话标题。 New Dialog
collapsible（可折叠） boolean（布尔型） 定义是否显示折叠按钮。 false
minimizable（最小化） boolean（布尔型） 定义是否显示最小化按钮。 false
maximizable（最大化） boolean（布尔型） 定义是否显示最大化按钮。 false
resizable（可缩放） boolean（布尔型） 定义对话窗口是否可以被缩放。 false
toolbar（工具栏） array（数组） 对话窗口顶部的工具栏，每个工具的属性都跟链接按钮的属性一样。 null
buttons（按钮） array（数组） 对话窗口底部的按钮，每个按钮的属性都跟链接按钮一样。 null

事件：

事件继承窗口。

方法：

方法继承窗口，以下是对话窗口独有的方法。

名称 参数 描述
dialog none 返回对话窗口对象。

消息窗口[messager]

使用$.messager.defaults重载默认值。

依赖关系

  • 窗口
  • 链接按钮
  • 进度条

使用方法：

$.messager.alert('Warning','The warning message');
$.messager.confirm('Confirm','Are you sure you want to delete record?',function(r){
    if (r){
        alert('ok');
    }
});

属性：

名称 类型 描述 默认值
ok（确认） string（字符串） 显示在“确认”按钮上的文本。 Ok
cancel（取消） string（字符串） 显示在“取消”按钮上的文本。 Cancel

方法：

名称 参数 描述
$.messager.show options 在屏幕的右下方显示一个消息窗口 ，options参数是一个可配置的对象:
showType：定义如何显示消息窗口，可选值: null,slide,fade,show，默认为slide。
showSpeed：定义窗口显示的时间，单位毫秒，默认为 600。
width：定义消息窗口的宽度，默认为250。
height：定义消息窗口的高度，默认为100。
msg：显示在消息窗口的文本。
title：显示在窗口头部的标题。
timeout：如果定义为0，消息窗口将不会关闭直到用户点击关闭为止。如果定义为非0，消息窗口在超时后将自动关闭。
$.messager.alert title, msg, icon, fn 显示警告窗口。参数如下:
title：显示在窗口头部的标题文本。
msg：显示在窗口中的文本。
icon：显示的图片，可选值：error,question,info,warning。
fn：当窗口关闭时触发的回调函数。
$.messager.confirm title, msg, fn 显示一个带有确认和取消按钮的确认信息窗口。参数如下：
title：显示在窗口头部的文本。
msg：显示在窗口中的文本。
fn(b)：回调函数，当用户点击确认按钮时，传递一个true值给回调函数，否则传递一个false值。
$.messager.prompt title, msg, fn 显示一个带有确认和取消的输入信息窗口。 参数如下：
title：显示在窗口头部的标题文本。
msg：显示在窗口中的信息
fn(val)：接受用户输入作为参数的回调函数。
$.messager.progress options or method 显示一个带进度条信息的窗口。
属性定义如下：
title：显示在面板头部的标题文本，默认为''。
msg：显示在主窗体的文本，默认为''。
text：显示在进度条中的信息默认为undefined。
interval：每次进度增加所耗费的时间，单位为毫秒，默认为300.

方法定义如下：
bar：获取进度条对象。
close：关闭进程窗口。
示例代码
显示进程消息窗口。 
	$.messager.progress();
使用如下代码关闭窗口。 
	$.messager.progress('close');