# Dialog 弹出框
# 基本使用
▼显示代码
# 属性
| 属性 | 类型 | 描述 |
| title | 窗口名称 | |
| html | 内容显示传入的html代码 | |
| url | 内容显示iframe，src为传入的ur | |
| width | 内容区宽度 | |
| height | 内容区高度 | |
| buttons |
数组:按钮及事件 buttons:[{ text: "确认", isEmphasize: true, //蓝色按钮 handler: function(){ alert('handler') } },{ text: "取消", handler: function(){ alert('handler') } }] | |
| isDrag | 是否允许拖拽 | |
| type | 是'dialog'还是'panel',默认为'dialog' | |
| htmlId | 显示改id内的内容 | |
targetWindow | 跨iframe显示[window.parent]注：window必须存在 | |
closeParam |
关闭按钮参数[show：是否显示关闭按钮,参数true or false], [handler:点击关闭后调用的方法],默认值:{'show':true,handler:function(){}} | |
transParams | 当url不为空时即弹出窗口中加载的是另外的窗口时，可以通过transParams传参数到弹出窗口中，在子页面中通过window.parentDialogObj[id]获取窗口对象，然后调用getTransParams()来获取传过来的参数 | |
| checkMax | 检查弹出窗口是否超过浏览器可视区域 | |
| notcopyreturnvalue | 是否不对returnvalue进行深拷贝，默认值：false，即默认会进行深拷贝 |
# 方法
| 方法 | 描述 |
| close() | 关闭窗口:dialog.close(); |
| getReturnValue() | 获取iframe页面中OK()方法返回值:dialog.getReturnValue(); |
| disabledBtn('按钮id') |
设置按钮不可用:dialog.disabledBtn('按钮id')
var dialog = $.dialog({
id: 'html',
htmlId: 'htmlId',
title: 'html',
buttons: [{
id: 'ok',
text: "button1",
handler: function () {
//dialog.enabledBtn('cancel');
dialog.close();
}
}, {
id: 'cancel',
//disabled: true,//按钮默认是否可用
//hide:true,//按钮默认是否可见
text: "button2",
handler: function () {
//dialog.disabledBtn('ok');
dialog.close();
}
}]
});
|
| enabledBtn('按钮id') | 设置按钮可用dialog.enabledBtn('按钮id') |
| hideBtn('按钮id') | 设置按钮不可见:dialog.hideBtn('按钮id') |
| showBtn('按钮id') | 设置按钮可见dialog.showBtn('按钮id') |
| reSize(json) | 设置dialog的大小dialog.reSize({width:300,height:300}) |
| getMin(json) | 调用嵌入页面中MIN()方法:dialog.getMin(json); |
| getMax(json) | 调用嵌入页面中MAX()方法:dialog.getMax(json); |
| getClose(json) | 调用嵌入页面中CLOSE()方法:dialog.getClose(json); |
| getWidth() | 获取内容区域宽度:dialog.getWidth(); |
| getHeight() | 获取内容区域高度:dialog.getHeight(); |
| reloadUrl(url) | 重新设置url,如果不传参,为声明dialog的url参数:dialog.reloadUrl("http://www.qq.com"); |
setTitle(title) | 重新设置title |
| window.parentDialogObj[id] | 子页面获取dialog对象 |
| getTransParams() | 子页面获取dialog参数【window.parentDialogObj[id].getTransParams()】 |
| startLoading() | 显示遮罩 |
| endLoading() | 隐藏遮罩 |
# 其他说明
弹框确定的时候会调用dialog.getReturnValue();来获取窗口的返回信息
buttons: [{
text: "button1",
handler: function () {
dialog.startLoading()
var oooooooooo = dialog.getReturnValue();//这里就可以获取到{rows:"false"};
}
}
]
// dialog.getReturnValue() 中获取的值其实是窗口界面里面OK函数的返回值
// 需要在iframe界面定义
function OK(){
return {rows:"false"};
}
:::