Proporciona IDialogService métodos para mostrar diálogos modales al usuario, incluyendo prompts de confirmación, mensajes de error, avisos informativos, notificaciones de éxito y advertencias.
Accede al servicio de diálogo desde cualquier componente. En React, la llamada useDialogService() desde dentro del árbol envuelta por el proveedor de diálogo del framework; en Blazor inyecta el servicio mediante inyección de propiedades. Ten en cuenta que el servicio de diálogo PowerPortalsPro es distinto del servicio de diálogo subyacente de FluentUI.
// useDialogService() devuelve la API de diálogo del framework. Disponible en cualquiera
// Componente de función debajo del <FluentDialogProvider> montado en la app</FluentDialogProvider>
// raíz. El objeto devuelto expone métodos asíncronos de show* para confirmaciones,
// Baras de información / éxito / advertencia / mensajes de error, y renderizado personalizado de diálogos.
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!;Úsalo ShowConfirmationAsync para preguntar al usuario con un sí o no. La propiedad devuelta DialogResult.Cancelled es true cuando el usuario selecciona la opción secundaria (negativa).
const result = await dialogs.showConfirmationAsync(
'¿Estás seguro de que quieres borrar este registro?',
{
title: 'Confirmar Eliminar',
primaryText: 'Sí',
secondaryText: 'No',
},
);
if (!result.cancelled) {
// Usuario confirmado — proceder con la eliminación
}var result = await _dialogService.ShowConfirmationAsync(
"¿Estás seguro de que quieres borrar este registro?",
title: "Confirmar Eliminar",
primaryText: "Sí",
secondaryText: "No");
if (!result.Cancelled)
{
// Usuario confirmado — proceder con la eliminación
}Utiliza los siguientes métodos para mostrar diálogos de mensajes de un solo botón con diferentes estilos visuales:
ShowInfoAsync — Mensaje informativo con un icono neutral.ShowSuccessAsync — Mensaje de éxito con un icono verde de verificación de verificación.ShowWarningAsync — Mensaje de advertencia con un icono amarillo de advertencia.ShowErrorAsync — Mensaje de error con un icono de error rojo.await dialogs.showInfoAsync('La operación se completó.', 'Información');
await dialogs.showSuccessAsync('Registro guardado con éxito.', 'Éxito');
await dialogs.showWarningAsync('Esta acción no puede deshacerse.', 'Advertencia');
await dialogs.showErrorAsync('Se produjo un error mientras guardaba.', 'Error');await _dialogService.ShowInfoAsync("La operación se completó.", "Información");
await _dialogService.ShowSuccessAsync("Registro guardado con éxito.", "Éxito");
await _dialogService.ShowWarningAsync("Esta acción no puede deshacerse.", "Advertencia");
await _dialogService.ShowErrorAsync("Se produjo un error mientras guardaba.", "Error");Todos los métodos de diálogo aceptan parámetros opcionales title primaryText y de parámetros. Si se omiten, se utilizan valores predeterminados localizados. El diálogo de confirmación también acepta un secondaryText parámetro para la etiqueta del botón de cancelar.
Todos los métodos devuelven un DialogResult objeto. Para los diálogos de confirmación, comprueba la Cancelled propiedad para determinar la elección del usuario. En los diálogos de mensajes, el resultado indica que el diálogo fue descartado.
Utiliza los controles de abajo para personalizar el título y el mensaje del diálogo, luego haz clic en cualquier botón para ver el tipo de diálogo correspondiente.
Nombre | Parámetros | Tipo | Descripción |
|---|---|---|---|
ShowConfirmationAsync | string message string title string primaryText string secondaryText | Task<DialogResult> | Muestra un diálogo de confirmación con los botones de acción y dos suministrados message , y luego espera a que el usuario debe elegir uno. El regreso Services.DialogResult se DialogResult.Cancelled ha establecido en |
ShowErrorAsync | string message string title string primaryText | Task<DialogResult> | Muestra un diálogo de error con el código suministrado message y espera a que el usuario lo descarte. |
ShowInfoAsync | string message string title string primaryText | Task<DialogResult> | Muestra un diálogo informativo con el proporcionado message y espera a que el usuario lo descarte. |
ShowSuccessAsync | string message string title string primaryText | Task<DialogResult> | Muestra un diálogo de éxito con el proporcionado message y espera a que el usuario lo descarte. |
ShowWarningAsync | string message string title string primaryText | Task<DialogResult> | Muestra un diálogo de advertencia con el proporcionado message y espera a que el usuario lo descarte. |
ShowConfirmationAsyncmessage , y luego espera a que el usuario debe elegir uno. El regreso Services.DialogResult se DialogResult.Cancelled ha establecido en ShowErrorAsyncmessage y espera a que el usuario lo descarte.ShowInfoAsyncmessage y espera a que el usuario lo descarte.ShowSuccessAsyncmessage y espera a que el usuario lo descarte.ShowWarningAsyncmessage y espera a que el usuario lo descarte.Nombre | Tipo | Default | Descripción |
|---|---|---|---|
Cancelled | bool | False | Obtiene un valor que indica si el diálogo fue cancelado (por ejemplo, el usuario lo descartó sin confirmarlo). |
Data | Object? | Carga útil de datos opcional devuelto por el diálogo cuando estaba cerrado. |
CancelledDataNombre | Parámetros | Tipo | Descripción |
|---|---|---|---|
Cancel | Object data | DialogResult | Crea un Services.DialogResult que representa un resultado cancelado, opcionalmente transportando una carga útil de datos. |
Ok<T> | T result | DialogResult | Crea un Services.DialogResult que representa un resultado confirmado, llevándose result como carga útil de datos. |
CancelServices.DialogResult que representa un resultado cancelado, opcionalmente transportando una carga útil de datos.Ok<T>Services.DialogResult que representa un resultado confirmado, llevándose result como carga útil de datos.