Angular EasyUI 对话框

2020-06-24 17:28 更新

对话框( DialogComponent )是一个特殊类型的窗口。它的顶部有一个工具栏,底部有一个按钮栏。 对话框( DialogComponent )在默认情况下,只有一个显示在右侧的关闭工具。用户可以自行配置对话框行为以显示其他工具。

属性列表

名称 数据类型 作用描述 默认值
title string 对话框标题。 null
border boolean 是否显示边框。 false
borderType string 定义对话框边框类型。可选值为:thin,thick,none。 thick
closable boolean 是否显示关闭按钮。 true
modal boolean 对话框是否是模态对话框。 false

事件列表

名称 参数 作用描述
open none 对话框打开时触发。
close none 对话框关闭时触发。

方法列表

名称 参数 返回值 作用描述
open none void 打开对话框。
close none void 结束对话框。
moveToTop none void 对话框移动到屏幕上方。
center none void 在屏幕上居中显示对话框。
hcenter none void 对话框只能水平居中。
vcenter none void 对话框只能垂直居中。

注:
- 继承: PanelComponent 。
- 选择器: eui-dialog 。

使用方法

<eui-dialog
        [title]="'Basic Dialog'"
        [panelStyle]="{width:'400px',height:'200px'}"
        [modal]="true">
    <p style="text-align:center;margin:50px 0;font-size:16px">The Dialog Content。</p>
</eui-dialog>

  • 参考图例:

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号