Cómo usar filtros en SAP AppGyver

En este blog, aprenderemos cómo podemos filtrar nuestros datos en SAP AppGyver utilizando la entidad de datos. Para este blog, usaré Northwind oData para mi backend y cómo podemos filtrar los datos en nuestra aplicación de interfaz de usuario.

AppGyver es una plataforma low-code/no-code (LCNC) diseñada para agilizar el desarrollo de aplicaciones. La función principal de AppGyver tiene una interfaz de arrastrar y soltar que permite a los usuarios agregar botones y animaciones, crear menús desplegables, importar datos y crear flujos de trabajo automatizados. Piense en ello como un editor en línea donde puede ingresar datos para dibujar procesos comerciales o flujos de trabajo dentro de la aplicación.

Trabajar con SAP AppGyverla mayor parte de su tiempo lo pasará en el creador de aplicaciones.

Te permite:

Defina la estructura y la lógica de navegación de su aplicación
Cree interfaces de usuario con píxeles perfectos
Cree lógica compleja con programación visual
Integrar con recursos de datos externos
Vincule datos a sus componentes para crear vistas dinámicas y más.

Te recomendaría que también vayas a través de este enlace para comenzar con AppGyver.

https://docs.appgyver.com/docs/home

Para empezar, vamos a crear un entidad de datos que obtendrá nuestros datos de backend. Haga clic en crear entidad de datos y luego haga clic en integración de oData.

Introduzca la URL y verifíquela. Luego seleccione su entidad y haga una prueba para verificar los datos. Guardar recurso de datos.

Se creará una entidad

Ahora crea un variable de datos utilizando la misma propiedad definida en la captura de pantalla y haga clic en ahorrar. Usaremos esta propiedad para enlazarla con nuestra lista en la interfaz de usuario.

Ahora tenemos que crear una lista básica para usar esta entidad en nuestra interfaz de usuario. Entonces, crearemos un elemento de la lista arrastrando y soltando. Ahora haga clic en el elemento de la lista y seleccione repetir con.

Ahora haga clic en Datos y Variables y luego haga clic en el Data variable creado y ahorrar.

Después de vincular los datos a la lista, el elemento de la lista debería verse como en la siguiente captura de pantalla con entradas repetidas.

Ahora tenemos que atar nuestro Primario y etiqueta secundaria. Para enlazar haga clic en el botón ABC y luego haga clic en Elemento de datos en repetición.

Seleccione su campo y guárdelo.

También podemos usar la fórmula, aquí estoy concatenando el nombre y el apellido del empleado.

Ahora, una vez que se realiza el enlace para todos los campos, podemos obtener una vista previa de nuestros datos descargando el SAP AppGyver app de PlayStore/AppleStore y escaneando el código QR. El código QR se puede obtener haciendo clic en el Lanzar botón en la pantalla de inicio. Me estoy saltando esta parte para los usuarios. una vez que completemos todos los pasos, podremos obtener una vista previa de nuestra aplicación en el móvil.

Este es nuestro resultado de salida esperado.

Ahora estamos listos para usar un filtro en nuestra lista. Para usar el filtro, tenemos que hacer clic en repetir con botón, seleccione fórmula y reemplace nuestra consulta como se menciona a continuación y haga clic en ahorrar.

SELECT(data.EmployeesData, item.City == 'Seattle')

Una vez que guardemos todos nuestros cambios, podemos ver nuestra vista previa nuevamente en la aplicación móvil, obtendremos la lista de datos que coinciden con la ciudad ‘Seattle’.