Sie IDialogService bietet Methoden zur Anzeige modaler Dialoge für den Benutzer, einschließlich Bestätigungshinweise, Fehlermeldungen, Informationshinweise, Erfolgsbenachrichtigungen und Warnungen.
Greifen Sie von jeder Komponente aus auf den Dialogdienst zu. In React wird useDialogService() der Baum vom Framework-Dialoganbieter gewrapped; in Blazor wird der Dienst per Property Injection injiziert. Beachten Sie, dass der PowerPortalsPro-Dialogdienst sich vom zugrundeliegenden FluentUI-Dialogdienst unterscheidet.
// useDialogService() gibt die Dialog-API des Frameworks zurück. Verfügbar von jedem
// Funktionskomponente unterhalb der <FluentDialogProvider> an der App montierten</FluentDialogProvider>
// Root. Das zurückgegebene Objekt stellt asynchrone Show*-Methoden zur Bestätigung frei,
// Info-/Erfolgs-/Warn-/Fehleranzeigenleisten und benutzerdefinierte Dialog-Rendering.
import { useDialogService } from '@powerportalspro/react-fluent';
function MyComponent() {
const dialogs = useDialogService();
// ...
}using IDialogService = PowerPortalsPro.Web.Blazor.Services.IDialogService;
[Inject]
private IDialogService _dialogService { get; set; } = null!;Benutze, ShowConfirmationAsync um den Nutzer mit einer Ja/Nein-Frage zu befragen. Die zurückgegebene DialogResult.Cancelled Eigenschaft ist true , wenn der Benutzer die sekundäre (negative) Option auswählt.
const result = await dialogs.showConfirmationAsync(
'Bist du sicher, dass du diesen Eintrag löschen willst?',
{
title: 'Bestätigen Löschen',
primaryText: 'Ja',
secondaryText: 'Nein',
},
);
if (!result.cancelled) {
// Nutzer bestätigt – fahren Sie mit der Löschung fort
}var result = await _dialogService.ShowConfirmationAsync(
"Bist du sicher, dass du diesen Eintrag löschen willst?",
title: "Bestätigen Löschen",
primaryText: "Ja",
secondaryText: "Nein");
if (!result.Cancelled)
{
// Nutzer bestätigt – fahren Sie mit der Löschung fort
}Verwenden Sie die folgenden Methoden, um Nachrichtendialoge mit nur einer Taste in unterschiedlichen visuellen Stilen anzuzeigen:
ShowInfoAsync — Informationsnachricht mit neutralem Symbol.ShowSuccessAsync — Erfolgsmeldung mit grünem Häkchen.ShowWarningAsync — Warnmeldung mit gelbem Warnsymbol.ShowErrorAsync — Fehlermeldung mit rotem Fehlersymbol.await dialogs.showInfoAsync('Die Operation abgeschlossen.', 'Informationen');
await dialogs.showSuccessAsync('Datensatz erfolgreich gespeichert.', 'Erfolg');
await dialogs.showWarningAsync('Diese Maßnahme kann nicht rückgängig gemacht werden.', 'Warnung');
await dialogs.showErrorAsync('Beim Speichern trat ein Fehler auf.', 'Fehler');await _dialogService.ShowInfoAsync("Die Operation abgeschlossen.", "Informationen");
await _dialogService.ShowSuccessAsync("Datensatz erfolgreich gespeichert.", "Erfolg");
await _dialogService.ShowWarningAsync("Diese Maßnahme kann nicht rückgängig gemacht werden.", "Warnung");
await _dialogService.ShowErrorAsync("Beim Speichern trat ein Fehler auf.", "Fehler");Alle Dialogmethoden akzeptieren optional title und primaryText Parameter. Wenn sie weggelassen werden, werden lokalisierte Standardwerte verwendet. Der Bestätigungsdialog akzeptiert außerdem einen Parameter secondaryText für das Abbrechen-Button-Label.
Alle Methoden geben ein DialogResult Objekt zurück. Für Bestätigungsdialoge überprüfen Sie die Eigenschaft Cancelled , um die Wahl des Nutzers zu bestimmen. Bei Nachrichtendialogen zeigt das Ergebnis an, dass der Dialog geschlossen wurde.
Verwenden Sie die untenstehenden Steuerungen, um den Dialogtitel und die Nachricht anzupassen, und klicken Sie dann auf eine beliebige Taste, um den entsprechenden Dialogtyp zu sehen.
Name | Parameter | Typ | Beschreibung |
|---|---|---|---|
ShowConfirmationAsync | string message string title string primaryText string secondaryText | Task<DialogResult> | Zeigt einen Bestätigungsdialog mit den bereitgestellten message und zwei Aktionstasten an, dann wartet auf Der Nutzer wählt eine aus. Die zurückgegebene Eingabe Services.DialogResult ist DialogResult.Cancelled gesetzt auf |
ShowErrorAsync | string message string title string primaryText | Task<DialogResult> | Zeigt ein Fehler-Dialog mit dem angegebenen message Symbol an und wartet darauf, dass der Benutzer es schließt. |
ShowInfoAsync | string message string title string primaryText | Task<DialogResult> | Zeigt einen Informationsdialog mit dem bereitgestellten message Dialog und wartet darauf, dass der Nutzer ihn abschließt. |
ShowSuccessAsync | string message string title string primaryText | Task<DialogResult> | Zeigt einen erfolgreichen Dialog mit dem bereitgestellten message Dialog und wartet darauf, dass der Nutzer ihn abschließt. |
ShowWarningAsync | string message string title string primaryText | Task<DialogResult> | Zeigt einen Warndialog mit dem bereitgestellten message Bildschirm an und wartet darauf, dass der Benutzer ihn schließt. |
ShowConfirmationAsyncmessage und zwei Aktionstasten an, dann wartet auf Der Nutzer wählt eine aus. Die zurückgegebene Eingabe Services.DialogResult ist DialogResult.Cancelled gesetzt auf ShowErrorAsyncmessage Symbol an und wartet darauf, dass der Benutzer es schließt.ShowInfoAsyncmessage Dialog und wartet darauf, dass der Nutzer ihn abschließt.ShowSuccessAsyncmessage Dialog und wartet darauf, dass der Nutzer ihn abschließt.ShowWarningAsyncmessage Bildschirm an und wartet darauf, dass der Benutzer ihn schließt.Name | Typ | Default | Beschreibung |
|---|---|---|---|
Cancelled | bool | False | Erhält einen Wert, der angibt, ob der Dialog abgebrochen wurde (z. B. hat der Benutzer ihn ohne Bestätigung abgelehnt). |
Data | Object? | Optionale Datennutzlast, die vom Dialog beim Schließen zurückgegeben wird. |
CancelledDataName | Parameter | Typ | Beschreibung |
|---|---|---|---|
Cancel | Object data | DialogResult | Erzeugt ein Services.DialogResult Ergebnis, das ein abgebrochenes Ergebnis darstellt und optional eine Datennutzlast trägt. |
Ok<T> | T result | DialogResult | Erzeugt ein Services.DialogResult Ergebnis, das ein bestätigtes Ergebnis darstellt und als Datennutzlast transportiert result wird. |
CancelServices.DialogResult Ergebnis, das ein abgebrochenes Ergebnis darstellt und optional eine Datennutzlast trägt.Ok<T>Services.DialogResult Ergebnis, das ein bestätigtes Ergebnis darstellt und als Datennutzlast transportiert result wird.