继承
Panel
用法
<Dialog
title="Basic Dialog"
style={{width:'400px',height:'200px'}}
modal
ref={ref=>this.dlg=ref}
>
<p style={{textAlign:'center',margin:'50px 0',fontSize:'16px'}}>对话框窗口内容。</p>
</Dialog>
属性
名称 |
类型 |
描述 |
默认 |
title |
string |
对话框标题。 |
null |
border |
boolean |
定义是否显示边框。 |
false |
borderType |
string |
定义对话框边框类型,可选值为: thin,thick,none |
thick |
closable |
boolean |
定义是否显示关闭按钮。 |
true |
modal |
boolean |
定义对话框是否是模态对话框。 |
false |
draggable |
boolean |
定义是否可以拖动对话框。 |
false |
resizable |
boolean |
定义对话框是否可以调整大小。 |
false |
事件
名称 |
参数 |
描述 |
onOpen |
none |
对话框打开时触发。 |
onClose |
none |
对话框关闭时触发。 |
方法
名称 |
参数 |
返回值 |
描述 |
open |
none |
void |
打开对话框 |
close |
none |
void |
结束对话框 |
moveToTop |
none |
void |
对话框移动到屏幕上方 |
center |
none |
void |
在屏幕上居中显示对话框 |
hcenter |
none |
void |
对话框只能水平居中 |
vcenter |
none |
void |
对话框只能垂直居中 |