描述

创建一个弹出框,弹出框中的内容可以是本页中的内容或通过 ajax 远程加载的数据,详见 http://api.jqueryui.com/dialog/

参数

允许动态属性:

false
名称 必需 默认值 类型 描述
accesskey     String Set the html accesskey attribute on rendered html element
appendTo   body String dialog(和遮罩层,如果 modal=true)应该被追加到哪个元素。
autoOpen   true Boolean 当设置为 true 时, dialog 会在初始化时自动打开. 如果为 false dialog 将会继续隐藏直到调用open()方法 。
buttons     String 定义需要显示的按钮,是一个 JSON 数组的字符串,如:[{text: '关闭', click: function(){$(this).dialog('close');}}]。回调函数的上下文(即 this)指向的对象是 dialog 元素,如果需要获得点击的按钮对象,可以通过 event.target 获取,详见:http://api.jqueryui.com/dialog/#option-buttons。
closeOnEscape   true Boolean 在用户按下退出(ESC)键时,是否关闭当前具有焦点的弹出框
closeText   关闭 String 关闭按钮显示的文本
closeTopics     String 订阅的打开弹出框的话题,执行调用弹出框实例的 open() 方法,打开弹出框
cssClass     String The css class to use for element
cssErrorClass     String The css error class to use for element
cssErrorStyle     String The css error style definitions for element to use
cssStyle     String The css style definitions for element to use
destroyTopics     String 订阅的销毁弹出框的话题,执行调用弹出框实例的 destroy() 方法,销毁弹出框
dialogClass     String 设置弹出框的附加样式类
disabled     String Set the html disabled attribute on rendered html element
draggable   true Boolean 弹出框是否可以进行拖动
errorPosition     String Define error position of form element (top|bottom)
height     Integer 设置弹出框的高度(单位:像素)。
hide     String 关闭(隐藏)弹出框的动画效果,如 slideUp、fold,可用的动画效果请参见 http://api.jqueryui.com/category/effects/。
id     String HTML id attribute
javascriptTooltip   false Boolean Use JavaScript to generate tooltips
key     String Set the key (name, value, label) for this particular component
label     String Label expression used for rendering an element specific label
labelSeparator   : String String that will be appended to the label
labelposition     String Define label position of form element (top/left)
maxHeight     String 弹出框可以调整的最大高度,以像素为单位。
maxWidth     String 可以调整的最大宽度,以像素为单位。
minHeight     String 可以调整的最小高度,以像素为单位。
minWidth     String 可以调整的最小宽度,以像素为单位。
modal   false Boolean 是否以模态弹出框的方式进行展现。如果设置为true,该dialog将会有遮罩层; 页面上的其他项目将被禁用, 即,不能交互。 遮罩层创建弹出框下方,但高于其它页面元素。
name     String The name to set for element
onBeforeCloseTopics     String 关闭弹出框之前(触发 beforeClose 事件时)发布的主题,多值之间使用逗号分隔
onCloseTopics     String 关闭弹出框之后(触发 close 事件时)发布的主题,多值之间使用逗号分隔
onFocusTopics     String 弹出框获得焦点时(触发 focus 事件时)发布的主题,多值之间使用逗号分隔
onOpenTopics     String 打开(显示)弹出框时(触发 open 事件时)发布的主题,多值之间使用逗号分隔
onblur     String Set the html onblur attribute on rendered html element
onchange     String Set the html onchange attribute on rendered html element
onclick     String Set the html onclick attribute on rendered html element
ondblclick     String Set the html ondblclick attribute on rendered html element
onfocus     String Set the html onfocus attribute on rendered html element
onkeydown     String Set the html onkeydown attribute on rendered html element
onkeypress     String Set the html onkeypress attribute on rendered html element
onkeyup     String Set the html onkeyup attribute on rendered html element
onmousedown     String Set the html onmousedown attribute on rendered html element
onmousemove     String Set the html onmousemove attribute on rendered html element
onmouseout     String Set the html onmouseout attribute on rendered html element
onmouseover     String Set the html onmouseover attribute on rendered html element
onmouseup     String Set the html onmouseup attribute on rendered html element
onselect     String Set the html onselect attribute on rendered html element
openTemplate     String Set template to use for opening the rendered html.
openTopics     String 订阅的关闭弹出框的话题,执行调用弹出框实例的 close() 方法,关闭弹出框
position   { my: 'center', at: 'center', of: window } String 设置弹出框显示的位置,详见 http://api.jqueryui.com/dialog/#option-position。
requiredLabel   false Boolean If set to true, the rendered element will indicate that input is required
requiredPosition     String Define required position of required form element (left|right)
resizable   true Boolean 是否允许通过拖拽鼠标调整弹出框的大小
show     String 打开(显示)弹出框的动画效果,如 slideUp、fold,可用的动画效果请参见 http://api.jqueryui.com/category/effects/。
showCloseButton   true Boolean 是否显示关闭按钮
tabindex     String Set the html tabindex attribute on rendered html element
template     String The template (other than default) to use for rendering the element
templateDir     String The template directory.
theme     String The theme (other than default) to use for rendering the element
title     String 弹出框的标题文字
tooltip     String Set the tooltip of this particular component
tooltipCssClass   StrutsTTClassic String CSS class applied to JavaScrip tooltips
tooltipDelay   Classic String Delay in milliseconds, before showing JavaScript tooltips
tooltipIconPath     String Icon path used for image that will have the tooltip
value     String Preset the value of input element.
width     Integer 设置弹出框的宽度(单位:像素)。

示例代码

example descript...

这里是示例代码块