閱讀(1.5k) 書簽贊(0) 我要糾錯

React EasyUI 對話框

2020-06-24 12:12 更新

對話框（ Dialog ）是一個特殊類型的窗口。它的頂部有一個工具欄，底部有一個按鈕欄。對話框（ Dialog ）在默認情況下，只有一個顯示在右側(cè)的關(guān)閉工具。用戶可以自行配置對話框行為以顯示其他工具。

屬性列表

名稱	數(shù)據(jù)類型	作用描述	默認值
title	string	對話框標題。	null
border	boolean	是否顯示邊框。	false
borderType	string	定義對話框邊框類型?？蛇x值為:thin,thick,none。	thick
closable	boolean	是否顯示關(guān)閉按鈕。	true
modal	boolean	對話框是否是模態(tài)對話框。	false
draggable	boolean	是否可以拖動對話框。	false
resizable	boolean	對話框是否可以調(diào)整大小。	false

事件列表

名稱	參數(shù)	作用描述
onOpen	none	對話框打開時觸發(fā)。
onClose	none	對話框關(guān)閉時觸發(fā)。

方法列表

名稱	參數(shù)	返回值	作用描述
open	none	void	打開對話框。
close	none	void	結(jié)束對話框。
moveToTop	none	void	對話框移動到屏幕上方。
center	none	void	在屏幕上居中顯示對話框。
hcenter	none	void	對話框只能水平居中。
vcenter	none	void	對話框只能垂直居中。

注：
- 繼承： 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'}}>對話框窗口內(nèi)容。</p>
</Dialog>