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:
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.
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
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.
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).
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.
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.
Al seleccionar un usuario en RelSelect, la tabla de tareas mostrará los registros asociados al usuario seleccionado.