Blazor UI：页面提示

在应用程序中向用户显示错误、警告或信息提示是很常见的需求。下图展示了一个服务中断提示的示例：

快速示例

只需在页面或组件中注入 IAlertManager，然后调用 Alerts.Warning 方法即可显示成功消息。

namespace MyProject.Blazor.Pages
{
    public partial class Index
    {
        private readonly IAlertManager _alertManager;

        public Index(IAlertManager alertManager)
        {
            this._alertManager = alertManager;
        }

        protected override void OnInitialized()
        {
            _alertManager.Alerts.Warning(
                "我们将在2023年10月23日凌晨02:00至04:00期间进行服务中断维护！",
                "服务中断通知");
            base.OnInitialized();
        }
    }
}

如果您的页面或组件继承自 AbpComponentBase 类，可以直接使用 Alerts 属性来添加提示。

namespace MyProject.Blazor.Pages
{
    public partial class Index : AbpComponentBase
    {
        protected override void OnInitialized()
        {
            Alerts.Warning(
                "我们将在2023年10月23日凌晨02:00至04:00期间进行服务中断维护！",
                "服务中断通知");
            base.OnInitialized();
        }
    }
}

通常建议在 .razor 文件中使用 @inherits AbpComponentBase 来继承 AbpComponentBase，而不是在后端代码文件中进行继承。

提示类型

Warning 用于显示警告提示。其他常用方法包括 Info、Danger 和 Success。

除了标准方法外，您还可以使用 Alerts.Add 方法，通过传入 AlertType 枚举值来创建提示，可选值包括：Default、Primary、Secondary、Success、Danger、Warning、Info、Light、Dark。

可关闭特性

所有提示方法都包含一个可选的 dismissible 参数。默认值为 true，这使得提示框可以被关闭。设置为 false 可以创建一个固定显示的提示框。