Versión App Builder: enlace de datos bidireccional, actualización del esquema OpenAPI de la fuente de datos y más
¡Otro gran lanzamiento de App Builder ya está disponible! Póngase al día con todas las actualizaciones: enlace de datos bidireccional, actualizaciones de esquema OpenAPI de fuentes de datos y más.
Zdravko Kolev
5min read
El lanzamiento App Builder en mayo ya está aquí, trayendo una gran cantidad de nuevas características y mejoras. Los usuarios ahora pueden actualizar las fuentes de datos existentes al esquema OpenAPI más reciente, con la capacidad de ver cualquier diferencia. Las mejoras también incluyen compatibilidad con el enlace de datos bidireccional para los componentes Entrada, Casilla de verificación, Conmutador, Selector de fecha, Calendario, Clasificación y Control deslizante.
¿Qué más? Las acciones de datos para crear, actualizar y eliminar filas ahora están disponibles en el componente Cuadrícula de árbol, y las variables se pueden actualizar en función de los eventos de selección de filas en el componente Cuadrícula de árbol. El componente Árbol se ha mejorado con propiedades para la expansión de un solo nodo y el botón de alternancia al hacer clic en el elemento. Además, se ha agregado una nueva opción de estilo de búsqueda para el componente de entrada.
Antes de sumergirte en estas nuevas funcionalidades, si es la primera vez que aprendes sobre App Builder, permíteme compartir rápidamente por qué deberías considerarlo como una herramienta clave en el proceso de desarrollo de aplicaciones para tu organización:
- Un creador de aplicaciones visuales: la plataforma unificada para gerentes de productos, diseñadores, desarrolladores y partes interesadas.
- Herramienta de arrastrar y soltar WYSIWYG basada en la nube que ayuda a las empresas a diseñar y crear aplicaciones comerciales completas un 80% más rápido que nunca.
- Una herramienta de bajo código que genera código de Angular, React, Web Components y Blazor listos para la producción a partir de sus diseños Figma.
Compatibilidad con el enlace de datos bidireccional
En esta versión App Builder, hemos agregado compatibilidad con el enlace de datos bidireccional a los componentes Entrada, Casilla de verificación, Interruptor, Selector de fecha, Calendario, Clasificación y Control deslizante.
La compatibilidad con el enlace bidireccional permite marcar una propiedad de componente como twoWayBindable cuando la propiedad está enlazada a una variable. Pero, ¿qué es exactamente una vinculación bidireccional? Imagina mantener sincronizados la interfaz de usuario y los datos subyacentes. Por lo tanto, cuando se cambian los datos, la interfaz de usuario se actualiza automáticamente y cuando se cambia la interfaz de usuario, los datos variables se actualizan automáticamente.
Como usuario, ahora puede:
- Establezca el contenido de entrada en algún valor y genere esto como un campo enlazado a datos bidireccional en el código generado.
- Enlazar una propiedad de valor/contenido correspondiente de un componente a una variable.
- Controle si este enlace se generará como un enlace bidireccional o no.
App Builder Release With Data Source OpenAPI Schema Update
App Builder La interfaz de usuario de fuentes de datos presenta al desarrollador una visualización de sus esquemas, puntos finales y fuentes de datos. Las fuentes de datos evolucionan con el tiempo y su esquema cambia, por lo que la interfaz de usuario de la fuente de datos App Builder debe actualizarse en consecuencia.
Con esta versión App Builder, puede actualizar fácilmente sus fuentes de datos existentes para usar la versión más reciente y actualizada de su esquema OpenAPI y mostrar las diferencias si están presentes.
¿Cuál es la esencia de esta nueva función?
- Esta función le permite sincronizar su fuente de datos con su WebAPI de back-end mientras desarrolla su front-end en el App Builder.
- Si actualiza el origen de datos y las propiedades del esquema de datos que ha utilizado para el enlace de datos permanecen sin cambios, los enlaces de datos permanecerán intactos.
- Si actualiza el origen de datos y las propiedades del esquema de datos que ha usado para el cambio de enlace de datos, recibirá una notificación con una lista de los enlaces de datos afectados para que pueda actualizar manualmente los componentes de la interfaz de usuario en consecuencia.
*En el futuro, planeamos introducir la actualización automática en segundo plano, que será útil cuando la URL de la API web de origen de datos no haya cambiado. También estará disponible una nueva función de asignaciones de datos, que proporciona una interfaz de usuario para que pueda actualizar sus enlaces de manera más conveniente.
Acciones de cuadrícula de árbol
Ahora puede configurar acciones de datos para crear, actualizar y eliminar filas en el componente de cuadrícula de árbol con llamadas a la API web. Puede conectarlos a los botones de acción de edición de la cuadrícula de árbol y aprovechar las actualizaciones de la API web en tiempo real. Tras la generación del código, App Builder creará los servicios necesarios para manejar las llamadas API para crear, obtener, actualizar y eliminar un recurso a través de los métodos HTTP Post/Put/Delete disponibles.
Interacción de selección de filas de cuadrícula de árbol
Con esta versión App Builder, también puede actualizar una variable basada en el evento Selección de fila en el componente Cuadrícula de árbol.
Como recordatorio, en una versión importante de App Builder el año pasado, expusimos varios controladores de eventos de componentes, que son fundamentales en el contexto de la gestión de variables.
Los eventos clave incluyen:
- Evento de cambio de selección: Se utiliza en el componente Combo.
- Evento de cambio de selección de fila: se emplea en los componentes de cuadrícula y cuadrícula de árbol.
- Evento de clic: Disponible para todos los componentes, este evento se utiliza en el contexto de la configuración de una variable tras una acción de clic.
- Eventos de componentes específicos. El componente Paso a paso, por ejemplo, expone las siguientes acciones: Paso siguiente/anterior, Restablecer e Ir al paso (x).
Consulte este tema para obtener más información: Trabajar con eventos y acciones en App Builder.
También se han añadido nuevas propiedades de componentes de árbol en esta versión App Builder
Se agregaron propiedades del componente de árbol para la expansión de un solo nodo y el alternancia al hacer clic en el elemento.
- Expansión de un solo nodo: si está habilitado, solo se expandirá un nodo de árbol a la vez. Al intentar abrir un segundo, el primero colapsará.
- Alternar elemento al hacer clic: esta es una propiedad que alterna el estado de expansión/contracción al hacer clic en los nodos, no solo en el icono de expansión/contracción.
Envolver
En conclusión, App Builder cambia las reglas del juego en el proceso de desarrollo de aplicaciones. Con su constructor visual basado en la nube, capacidades low-code y nuevas funciones, es una herramienta imprescindible para cualquier organización. ¡Pruébalo hoy! Si necesitas más detalles, te animamos a que consultes nuestro:
To experience everything, visit your customer portal and get the latest version. As usual, we are always excited to get your feedback and hear what you want to add or recommend. So please email me at zkolev@appbuilder.dev and let me know how we can help you continue delivering value to your customers with Infragistics.
