Hay cuatro elementos diseñados para que el usuario los seleccione de la lista en AppMaster:

  • Seleccione
  • Desplegable
  • Seleccionar (enum)
  • Relselect

Estos elementos en el diseñador de aplicaciones web:

Elements in the web application designer

Select

Este elemento está diseñado para seleccionar de una lista estática de opciones establecidas en el editor.

Después de mover el Select al lienzo, aparecerá una ventana emergente en la que podrá elegir si la selección tomará un valor o varios.

This element is designed to select from a static list of options set in the editor.

Para añadir y editar las opciones de selección, haga clic en el elemento y vaya a la pestaña Option pestaña.

Dropdown es similar a Selectpero no guarda el valor seleccionado. Dropdown suele iniciar algún BP cuando se hace clic en una de las opciones.

Para añadir y editar las opciones a seleccionar, haga clic en el elemento, y vaya a la pestaña Option pestaña.

 Dropdown often starts some BP when you click on one of the

Select (enum)

Select (enum) se utiliza para seleccionar un valor de un enum. Cuando se crea este elemento, aparece una ventana en la que hay que seleccionar la fuente de datos (una de las existentes enum).

Select (enum) is used to select a value from an enum

Relselect

Este elemento se utiliza para seleccionar valores de registros de la base de datos. Al crearlo, debe elegir la fuente de datos de la lista de modelos. Después de seleccionar la fuente, podrá seleccionar el campo a mostrar.

Vamos a crear un RelSelect con la fuente de datos User y el campo Login.

Let's create a RelSelect with the data source User and the field Login.

Para que RelSelect funcione, es necesario enviar los datos necesarios utilizando el proceso de negocio.

El BP debe recibir los datos utilizando el GET y pasarlos a RelSelect, utilizando el RelSelect Update Properties bloque.

Vamos a cargar todos los administradores de la aplicación en RelSelect. Usemos el Server Request GET /user/ bloque. Establezca el valor por defecto del campo de entrada groups a admin. Así, en el campo de datos de salida, obtendremos sólo los usuarios del Admin grupo. Pasa estos datos a RelSelect Update Properties.

Para que un campo de datos aparezca en el RelSelect Update Properties, especifique un Component ID.

Ahora RelSelect mostrará los inicios de sesión de todos los administradores de la aplicación.

La selección realizada por el usuario puede ser utilizada posteriormente en el BP. Existe un campo selected para este propósito. Este almacena los valores seleccionados.

Supongamos que tenemos un task modelo de datos asociado a los usuarios. Con RelSelectpodemos mostrar sólo aquellos tasks relacionados con el usuario seleccionado.

Añadamos la tabla task a la página y volvamos al BP configurado para RelSelect.

Creemos otro BP en él para el onChange que actualizará los datos de la tabla tras la selección en RelSelect.

Con el bloque RelSelect Get Properties obtenemos el usuario seleccionado.

Despliégalo con Expand Usery pasamos su ID al bloque Server Request GET /task/ y pasamos los datos al bloque Table Update Data.

Display only those tasks related to the selected user

Al seleccionar un usuario en RelSelect, la tabla de tareas mostrará los registros asociados al usuario seleccionado.

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