La información general

Modal Lasventanas son elementos de la interfaz que se abren sobre la página actual. También se denominan ventanas emergentes.

Para crear una nueva ventana modal, arrástrela desde el panel de widgets.

Una ventana modal puede colocarse en dos zonas del lienzo:

  1. Page components;
  2. App components;

En Page componentses mejor colocar ventanas modales vinculadas a una página específica.

En App components modal, se colocan ventanas modales que se aplican a toda la aplicación.

La ventana modal puede contener los mismos widgets que una página normal.

El proceso de negocio puede estar vinculado a la ventana modal en la pestaña de flujo de trabajo. Para ello se pueden utilizar los siguientes activadores:

  • OnCreate
  • OnShow
  • OnHide
  • OnDestroy

Se pueden utilizar dos bloques en el BP para controlar las ventanas modales:

  • Show modal para abrir la ventana modal
  • Hide modal para cerrar la ventana modal .

Cómo trabajar con las ventanas modal

Añade una modal ventana a la sección Page components sección.

Coloque una button en el lienzo de la página.

Para el buttonse configura un proceso de negocio en el OnClick desencadenante. El BP contendrá sólo un bloque: Show Modal.

En el bloque Show modal bloque, establezca el parámetro de entrada Component ID y seleccione el nombre de la modal ventana.

Ahora coloque otro botón, pero en una ventana modal.

Para este botón se configura un BP similar, pero se utiliza el Hide modal se utiliza en lugar del bloque Show modal bloque.

Ahora puede abrir y cerrar la ventana modal.

La ventana modal es una característica muy útil. Por ejemplo, es conveniente colocar la funcionalidad de añadir registros.

Was this article helpful?

AppMaster.io 101 Curso intensivo

10 Módulos
2 Semanas

¿No sabe por dónde empezar? Ponte en marcha con nuestro curso intensivo para principiantes y explora AppMaster de la A a la Z.

Inicio de curso
Development it’s so easy with AppMaster!

Necesitas más ayuda?

Resuelva cualquier problema con la ayuda de nuestros expertos. Ahorre tiempo y concéntrese en crear sus aplicaciones.

headphones

Soporte de contacto

Cuéntenos su problema y le encontraremos una solución.

message

Chat comunitario

Discutir preguntas con otros usuarios en nuestro chat.

Únete a la Comunidad