本节介绍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...
})