IDialogService

Proporciona IDialogService métodos para mostrar diálogos modales al usuario, incluyendo indicaciones de confirmación, mensajes de error, avisos informativos, notificaciones de éxito y advertencias, así como diálogos con contenido propio.

Inyectando el Servicio

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.

Diálogos de confirmación

Ú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).

Diálogos de mensajes

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.

Diálogos con tu propio contenido

ShowDialogAsync muestra contenido propio, como un formulario, un selector o una vista previa, y devuelve lo que termina el diálogo. En Blazor, pasa un componente (o un RenderFragment); en React, pasa una función que muestre el contenido. Establece PrimaryText y SecondaryText para botones que el servicio dibuja, o deja ambos fuera para contenido que dibuja el suyo propio.

El contenido recibe el diálogo en el que se muestra: un IDialogContext en Blazor, recibido como parámetro en cascada, y un DialogHandle en React, pasado a la función de renderizado y disponible en cualquier parte dentro de . useDialogHandle()Úsalo para cerrar con un valor, cancelar, activar o desactivar el botón principal, o establecer qué hace el botón principal. Lo que esa acción devuelve es lo que devuelve el diálogo. Return KeepOpen (KEEP_OPEN en React) para mantener el diálogo abierto, por ejemplo, mientras la entrada aún no es válida.

Parámetros comunes

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.

Resultado del diálogo

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.