#ctx.notification

Basierend auf der Ant Design Notification ist dies eine globale Benachrichtigungs-API, die verwendet wird, um Benachrichtigungs-Panels in der oberen rechten Ecke der Seite anzuzeigen. Im Vergleich zu ctx.message können Benachrichtigungen einen Titel und eine Beschreibung enthalten, wodurch sie sich für Inhalte eignen, die über einen längeren Zeitraum angezeigt werden sollen oder die Aufmerksamkeit der Benutzer erfordern.

#Anwendungsfälle

#Typdefinition

notification: NotificationInstance;

NotificationInstance ist das Ant Design Notification-Interface, das die folgenden Methoden bereitstellt.

#Gängige Methoden

Konfigurationsparameter (konsistent mit Ant Design notification):

#Beispiele

#Grundlegende Verwendung

ctx.notification.open({
  message: 'Vorgang erfolgreich',
  description: 'Die Daten wurden auf dem Server gespeichert.',
});

#Schnellaufrufe nach Typ

ctx.notification.success({
  message: ctx.t('Export completed'),
  description: ctx.t('Exported {{count}} records', { count: 10 }),
});

ctx.notification.error({
  message: ctx.t('Export failed'),
  description: ctx.t('Please check the console for details'),
});

ctx.notification.warning({
  message: ctx.t('Warning'),
  description: ctx.t('Some data may be incomplete'),
});

#Benutzerdefinierte Dauer und Key

ctx.notification.open({
  key: 'task-123',
  message: ctx.t('Task in progress'),
  description: ctx.t('Please wait...'),
  duration: 0,  // Schließt nicht automatisch
});

// Nach Abschluss der Aufgabe manuell schließen
ctx.notification.destroy('task-123');

#Alle Benachrichtigungen schließen

ctx.notification.destroy();

#Unterschied zu ctx.message

#Verwandte Themen

• ctx.message - Kurzer Hinweis oben, geeignet für schnelles Feedback
• ctx.modal - Modal-Bestätigung, blockierende Interaktion
• ctx.t() - Internationalisierung, wird häufig zusammen mit Benachrichtigungen verwendet