项目

ASP.NET Core MVC / Razor Pages UI:JavaScript 通知 API

Notify API 用于向最终用户显示 Toast 风格、自动消失的 UI 通知。

快速示例

使用abp.notify.success(...)函数显示成功消息:

abp.notify.success(
    '产品"Acme Atom Re-Arranger"已成功删除。',
    '产品已删除'
);

页面右下角将显示通知消息:

js-message-success

通知类型

提供四种预定义的通知类型:

  • abp.notify.success(...) 成功通知
  • abp.notify.info(...) 信息通知
  • abp.notify.warn(...) 警告通知
  • abp.notify.error(...) 错误通知

以上所有方法均接受以下参数:

  • message: 向用户显示的消息内容(字符串)
  • title: 可选的标题(字符串)
  • options: 自定义通知的附加选项。可用选项包括:
    • life: 显示时长(毫秒,默认:5000
    • sticky: 保持Toast可见直到手动关闭(默认:false
    • closable: 显示关闭按钮(默认:true
    • tapToDismiss: 点击任意位置关闭Toast(默认:false
    • containerKey: 多容器支持的键值(可选)
    • iconClass: 自定义图标类(可选)
    • position: 位置配置(可选)
      • top: 距顶部距离(默认:'auto'
      • right: 距右侧距离(默认:'30px'
      • bottom: 距底部距离(默认:'30px'
      • left: 距左侧距离(默认:'auto'

全局配置

使用AbpToastService.setDefaultOptions方法可为所有通知设置默认选项。此方法应在显示任何通知之前调用。

在本文档中