本节介绍dialog组件的参数、方法及事件。
参数(options)
| 名称 |
类型 |
默认值 |
描述 |
| id |
string |
navtab |
弹窗的ID,如果指定重复,将覆盖现有的ID相同弹窗。 |
| title |
string |
New tab |
弹窗打开后显示的名称。 |
| url |
string |
undefined |
D-Url 请求数据的url,a链接触发时可以将url定义在href属性。 |
| type |
string |
GET |
Http请求方式,可选‘GET/POST’。 |
| data |
object |
{} |
请求url时,需要发送的data数据。 |
| width |
int |
500 |
弹窗的宽度。 |
| height |
int |
300 |
弹窗的高度。 |
| max |
boolean |
false |
打开弹窗时直接最大化。 |
| mask |
boolean |
false |
是否模态窗口。 |
| resizable |
boolean |
true |
可以调整弹窗的大小。 |
| drawable |
boolean |
true |
可以拖动弹窗。 |
| maxable |
boolean |
true |
是否显示最大化按钮。 |
| minable |
boolean |
true |
是否显示最小化按钮(模态弹窗无效)。 |
方法
| 方法名 |
参数类型 |
参数说明 |
描述 |
| switchDialog(id) |
string |
dialog ID |
切换到某个弹窗(模态弹窗无效)。 |
| refresh(id) |
string |
dialog ID |
刷新某个弹窗。 |
| reloadFlag(tabids) |
string |
一个或多个标签ID,多个ID以,分隔 |
为某(几)个标签设定重载标记(当切换到该标签时重新载入)。 |
| reload(options) |
object |
同dialog默认参数 |
重新载入某个弹窗,如果未指定ID,则默认重载入当前弹窗。 |
| close(id) |
string |
dialog ID |
关闭某个弹窗。 |
| closeCurrent() |
-- |
-- |
关闭当前弹窗。 |
事件
| 事件名称 |
中文说明 |
描述 |
| bjui.beforeLoadDialog |
载入dialog内容前事件 |
监听该事件,可以在载入dialog内容前进行相关操作。 |
| bjui.beforeCloseDialog |
关闭dialog前事件 |
监听该事件,可以在关闭dialog前进行相关操作。 |
这样监听dialog的事件:
$(document).on('bjui.beforeLoadDialog', function(e) {
var $dialog = $(e.target)
// do something...
})