依靠组件
UI Core
Draggable
Resizable
bgiframe
属性
类型
默认值
autoOpen Boolean true
实例化时是否自动显示对话框。设置为 false 时,使用 open 方法显示对话框。
falsebgiframe Boolean false
是否使用 bgiframe 插件解决 IE6 下无法遮盖 select 元素问题。
truebuttons Object {}
设置对话框底部按钮,对象属性名为按钮文本,属性值为单击按钮时的回调函数。
{"确认":function(){ $(this).dialog("close"); }}closeOnEscape Boolean true
是否在用户按 ESC 键时关闭对话框。(对话框需拥有输入焦点)
falsedialogClass String ""
添加额外的对话框 CSS Class。
"alert"draggable Boolean true
设定对话框是否可拖动。
falseheight Number "auto"
设定对话框高度,像素单位。
260hide String null
关闭对话框时使用的特效。
"slide"maxHeight Number false
调整对话框大小时最大高度。
520maxWidth Number false
调整对话框大小时最大宽度。
620minHeight Number false
调整对话框大小时最小高度。
320minWidth Number false
调整对话框大小时最小宽度。
220modal Boolean false
是否为模态窗口,设置为 true 时,页面上其它元素将被覆盖且无法响应用户操作。
trueposition String/Array "center"
设置对话框显示位置,可选值:"center","left","right","top","bottom",或者数组分别设置水平和垂直位置。数值偏移([20,30] 相对左上角便宜)或位置(["right","bottom"] 右下角)。
["right","top"]resizable Boolean true
设定对话框是否可以调整大小。
falseshow String null
显示对话框时使用的特效。
"slide"stack Boolean true
是否可覆盖其它对话框。
falsetitle String ""
设置对话框标题。
"请登陆"width Number "auto"
设定对话框宽度,像素单位。
560zIndex Integer 1000
设置对话框 CSS z-index 值。
50
事件
类型
beforeclose dialogbeforeclose
对话框关闭前执行,返回 false 防止对话框关闭。
open dialogopen
打开对话框时执行。
focus dialogfocus
对话框获得焦点时执行。
dragStart dragStart
开始对话框拖动时执行。
drag drag
拖动对话框时执行。
dragStop dragStop
结束对话框拖动时执行。
resizeStart resizeStart
开始调整对话框大小时执行。
resize resize
调整对话框大小时执行。
resizeStop resizeStop
结束调整对话框大小时执行。
close dialogclose
关闭对话框时执行。
方法
调用
open .dialog("open")
显示对话框。
isOpen .dialog("isOpen")
对话框可见时返回 true。
moveToTop .dialog("moveToTop")
使对话框处于最前方。
close .dialog("close")
关闭对话框。
destroy .dialog("destroy")
销毁对话框实例。
disable .dialog("disable")
禁止操作对话框。
enable .dialog("enable")
允许操作对话框。
option .dialog("option",optionName[,value])
得到对话框属性,传递 value 参数时设置属性。