`name` |
对话框元素名称 |
可选,默认为 `'triggerModal'` |
该名称会作为内部表示此触发器实例使用,并且会作为最终生成的 `.modal` 元素的 ID 属性 |
`className` |
对话框元素类名 |
可选,默认为 `''` |
添加到最终生成的 `.modal` 元素的 CLASS 属性上 |
`type` |
对话框类型 |
* `'custom'`(默认),自定义类型
* `'iframe'`
* `'ajax'` |
通常该参数和参数`url`一起使用,当指定了`custom`、`remote`和`iframe`参数时该参数可以忽略 |
`url` |
远程内容地址 |
远程地址字符串 |
通常该参数和`type`一起似乎用,当指定了`custom`、`remote`和`iframe`参数时该参数可以忽略 |
`remote` |
Ajax内容地址 |
远程地址字符串 |
如果使用该参数,则参数`type`和`url`可以忽略 |
`iframe` |
iframe页面地址 |
远程地址字符串 |
如果使用该参数,则参数`type`和`url`可以忽略 |
`size` |
对话框大小 |
* `''`(默认),默认大小
* `'lg'`,大对话框
* `'sm'`,小对话框
* `'fullscreen'`,全屏显示 |
|
`width` |
对话框宽度 |
* `null`(默认),默认宽度
* 其他表示宽度的CSS值字符串 |
如果使用`size`参数,则可以忽略该参数 |
`height` |
对话框高度 |
* `'auto'`(默认),自动根据内容调整
* 其他表示高度的CSS值字符串 |
如果指定了高度不是`'auto'`则可能出现内容与高度不匹配的情况。 |
`showHeader` |
是否显示标题 |
* `true`(默认)
* `false` |
|
`title` |
对话框标题文本 |
字符串 |
当参数`showHeader`为`false`则此参数无效。 |
`icon` |
对话框标题图标 |
图标名称字符串 |
当参数`showHeader`为`false`则此参数无效。 |
`fade` |
是否使用淡入淡出动画 |
* `true`(默认)
* `false` |
|
`position` |
对话框位置 |
'fit'
:最佳位置(默认);
'center'
:显示在窗口中间;
'0'
:显示在最顶部;
'200'
:数字用来指定距离顶部的像素;
- CSS支持的所有表示位置的值,用来指定距离顶部的偏移;
- 使用一个回调函数来动态返回每次显示的位置(使用 JS 表示的样式的对象)。
最佳位置在窗口中间稍偏上的位置。 |
`backdrop` |
背景遮罩 |
* `true`(默认)
* `false`
* `'static'` |
使用布尔值来启用或禁用背景遮罩,如果指定为`'static'`则会启动背景遮罩,但点击背景遮罩时不会触发关闭对话框的过程。 |
`keyboard` |
按键 |
* `true`(默认)
* `false` |
当为`ture`时,按下`esc`键会关闭对话框。 |
`moveable` |
可移动的 |
false :不启用(默认);
true :启用;
'inside' :启用并限制对话框只能移动到窗口内部。
|
是否启用对话框拖拽移动功能 |
`rememberPos` |
记住移动的位置 |
* `false`(默认),不记住位置;
* `true`,记住位置;
* 页面内值唯一的字符串,使用本地存储记住位置; |
启用该选项需要同时启用 `moveable` 选项,当该值为一个在页面范围内值唯一的字符串时,通过浏览器本地存储来存储数据,关闭页面或浏览器之后也不会忘记。 |
`waittime` |
加载远程内容时的最大等待时间 |
整数,代表等待的毫秒数,默认为`0` |
在指定的时间之后会直接显示对话框,不管远程内容是否加载完毕;默认值为`0`,表示一直等待直到远程内容加载完毕才显示对话框。在等待时会显示正在加载的动画。 |
`loadingIcon` |
加载时显示的动画所使用的图标 |
* 以`icon-*`形式定义的图标名称
* 自定义加载动画所使用的html |
`icon-*`定义的图标名称请参考[图标](#search/icon:spin)。 |
`scrollInside` |
是否在对话框内部显示滚动条 |
默认为 `false`,即在对话框所属的页面上显示滚动条 |
|