Lanzamiento App Builder con cuadrícula de árbol, propiedades de columna y más
Ya está disponible otra gran versión de App Builder, que ofrece nuevas propiedades de cuadrícula de árbol, columnas y más. Leer aquí.
Zdravko Kolev
6min read
La actualización de octubre de App Builder TM ya está aquí e incluye actualizaciones importantes. Si es la primera vez que aprende sobre App Builder, permítame compartirle rápidamente por qué debería considerarlo como una herramienta clave en el proceso de desarrollo de aplicaciones para su organización:
- Un creador de aplicaciones visual: la plataforma unificada para gerentes de productos, diseñadores y desarrolladores.
- 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 produce código brillante Angular, Blazor o Web Components (React next) a partir de sus archivos de diseño Sketch o Figma.
Todo lo nuevo y emocionante del App Builder Low-Code
Configuración de columnas de cuadrícula
Grid ahora expone cada columna como un componente secundario que permite al usuario final interactuar con todas las columnas y expone las siguientes funcionalidades:
- Cada columna viene con el tipo de columna inferido, no como una cadena simple, lo cual se nota al exportar el código.
- Reorganice las columnas con las teclas de flecha del teclado y a través del panel de esquema.
- Seleccione el encabezado de una columna y cambie su título o campo de datos.
- Agregue una nueva columna (vacía) a la que se le pueda aplicar una plantilla al exportar el código o vincularla a un campo de datos existente.
- Elimine la columna con la tecla "del" o mediante el panel de esquema.
- Oculte una columna a través del panel de esquema.
- Ser capaz de cambiar el tamaño de la columna desde la superficie de diseño.
La próxima versión de AB planea agregar habilitar/deshabilitar funciones basadas en columnas como edición, filtrado, fijación y más.
Cuadrícula de árbol
La cuadrícula de árbol Angular de Ignite UI se utiliza para mostrar y manipular datos planos con facilidad. Ahora puede vincular rápidamente sus datos con muy poco código o utilizar una variedad de eventos para personalizar diferentes comportamientos. Este componente proporciona un amplio conjunto de funciones como selección de datos, filtrado de estilo Excel, clasificación, paginación, creación de plantillas y movimiento de columnas.
Como la primera versión de Tree Grid solo admite el enlace de datos planos, los objetos de datos deben contener una clave primaria y una clave externa. La clave principal es el identificador único del objeto de datos actual y la clave externa es el identificador único de su objeto principal. En este caso, la propiedad data de nuestra cuadrícula de árbol que contiene la fuente de datos original será una colección plana. Documentación oficial de Tree Grid.
La vinculación de fuentes de datos jerárquicas está prevista para las próximas iteraciones y se publicará en breve.
Acordeón
Con esta versión también agregamos un componente de acordeón. Es un componente GUI para crear paneles verticales expandibles con encabezados en los que se puede hacer clic y secciones de contenido asociadas que se muestran en un solo contenedor. El acordeón se utiliza habitualmente para reducir la necesidad de desplazarse por varias secciones de contenido en una sola página.
Exportación de código con licencia
Hay dos tipos de código que ahora se pueden generar:
1. Si es un usuario con licencia, los paquetes con licencia de los componentes Angular se utilizarán al generar la aplicación. Esto se aplica tanto para la descarga de aplicaciones como para su publicación en GitHub.
Cuando la aplicación se publica en GitHub, agregamos un CI que construirá su proyecto y ejecutará pruebas básicas. También publicamos NPM_AUTH_TOKEN que se requiere del CI de GitHub para poder utilizar el paquete con licencia.
2. Si es un usuario de prueba, se utilizará el paquete de prueba gratuito de los componentes Angular al generar la aplicación. Esto se aplica tanto a la descarga de aplicaciones como a su publicación en GitHub.
Consulte las preguntas frecuentes sobre la licencia y la documentación de instalación para obtener información sobre cómo actualizar al paquete con licencia completa, si el proyecto utiliza una versión de prueba de Ignite UI Angular y cómo configurar su entorno y CI para usar nuestra fuente npm con licencia.
Alternativamente, ejecute `npm run infragistics-login` para un inicio de sesión guiado en nuestro feed con licencia.
Tema disponible aquí.
Mejoras en OpenAPI
- Compatibilidad con objetos de referencia: AB ahora admite objetos para permitir hacer referencia a otros componentes en la especificación, interna y externamente.
El objeto de referencia está definido por referencia JSON y sigue la misma estructura, comportamiento y reglas.
- Se agregó una limitación para el tamaño del esquema de la tabla analizada (docs).
"No se puede inferir el esquema a partir de los datos": este mensaje de error se mostrará cuando el tamaño del esquema de la tabla analizada de la fuente de datos sea demasiado grande (más de 5 MB). Puede desencadenarse cuando:
– Agregar un punto final REST normal.
– Al comprobar los puntos finales de una fuente de datos swagger.
– O cuando se actualiza la fuente de datos.
Tenga en cuenta que esto no es una restricción de los datos. Por ejemplo, puede ser con más de 50MB de filas, aunque siempre que el esquema (forma de los datos) se pueda representar en menos de 5MB, el App Builder lo cargará.
Soporte completo del navegador Safari
App Builder ahora es compatible con MacOS Safari y Mobile Safari.
Ejemplo de panel de recursos humanos
Se ha agregado una nueva aplicación de muestra que incluye componentes de cuadrícula y gráfico. La aplicación también muestra el uso de otros componentes como Lista, Tarjeta, Diálogo y hermosos diseños.
Articulos interesantes
Consulta la lista de artículos en los que hemos estado trabajando últimamente:
- Reduzca la complejidad del software empresarial de misión crítica con herramientas de bajo código
- ¿Qué es el desarrollo rápido de aplicaciones?
- Soluciones de diseño a código explicadas
- Bibliotecas de componentes de UI: construir versus comprar
Envolver
Descritos brevemente, estas son todas las características y componentes nuevos que verá en la actualización de junio de App Builder. Si necesita más detalles, le recomendamos que consulte nuestro:
Of course, if you feel we have missed anything or you have a question, just drop us a line on feedback@indigo.design
Por último, si desea ver todos los nuevos ajustes y actualizaciones interesantes en App Builder con el último lanzamiento del producto Infragistics Ultimate 22.2, consulte la descripción general rápida a continuación.
