App Builder versión: Capacidades de paginación remota y mapeo de fuentes de datos

¡Estoy emocionado de compartir las emocionantes actualizaciones de la última versión de App Builder, diseñadas para optimizar aún más el proceso de desarrollo de su aplicación! Hemos introducido características clave que mejoran la flexibilidad y el rendimiento, incluida la compatibilidad con el reparentamiento del diseño de cuadrícula CSS, lo que permite la reorganización sin problemas de los elementos dentro de los diseños. También hemos agregado potentes capacidades de asignación de orígenes de datos, lo que facilita aún más el enlace de la interfaz de usuario cuando se producen cambios de esquema. Además, Grid y Tree Grid ahora admiten la paginación remota, lo que mejora enormemente el rendimiento al obtener y mostrar dinámicamente conjuntos de datos más pequeños de servidores remotos. Estas actualizaciones continúan consolidando la posición de App Builder como la plataforma de referencia para el desarrollo de aplicaciones de bajo código y alto rendimiento.

Antes de sumergirte en las nuevas características y todas las 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 App Builder visual: la plataforma unificada para gerentes de producto, 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 low-code que genera código Blazor, código Angular, código Web Components y código React listos para producción a partir de sus diseños de Figma y Sketch.

Compatibilidad con paginación remota de cuadrícula

La nueva función de paginación remota de cuadrícula permite que las cuadrículas carguen datos dinámicamente desde el servidor, obteniendo solo la parte requerida en lugar de todo el conjunto de datos. Esto es especialmente útil para grandes conjuntos de datos, ya que mejora el rendimiento y reduce los tiempos de carga. Los desarrolladores y los usuarios pueden configurar la paginación remota para que se adapte a sus necesidades, ya sea mediante un único punto de conexión de API o puntos de conexión separados para los datos paginados y el recuento total de registros. Al gestionar de forma eficiente las solicitudes de datos, la red garantiza una experiencia más fluida sin abrumar al servidor o al cliente.

¿Cómo funciona la paginación remota?

La paginación remota divide los datos en "páginas" que se solicitan individualmente desde un servidor remoto. Esto garantiza que solo se cargue el segmento necesario de datos a la vez. Se puede configurar para los componentes de cuadrícula y cuadrícula de árbol utilizando las propiedades integradas de la herramienta.

Los usuarios utilizan un configurador para configurar todo lo necesario para que funcione la paginación remota. ¿Qué se necesita?

• pageIndex: el índice de página de los registros que se van a obtener. Si no se proporciona este parámetro, la recuperación comienza desde el principio (página 0).
• pageSize: el número máximo de registros que se van a recuperar por página. Si no se proporciona este parámetro, se obtienen todos los registros.
• totalRecords: devuelve el número total de registros que el paginador utiliza para realizar los cálculos adecuados y pasar los registros de datos a la cuadrícula.

Los desarrolladores pueden implementar la paginación remota siguiendo dos enfoques, en función de cómo la API gestione los datos y del recuento total de registros.

• Uso de un punto de conexión combinado para datos y recuento total de registros: en este caso, la API devuelve tanto los datos paginados como el número total de registros en una sola respuesta.

Este es un ejemplo de una estructura de datos compatible:

{
  "items": [
    {
      "categoryId": 0,
      "description": "string",
      "name": "string"
    }
  ],
  "totalRecordsCount": 0,
  "pageSize": 0,
  "pageNumber": 0,
  "totalPages": 0
}

• Uso de puntos de conexión separados para los datos y el recuento total de registros: en esta configuración, se realizan dos llamadas a la API: una para recuperar los datos paginados y otra para obtener el recuento total de registros.

Los desarrolladores pueden configurar fácilmente la paginación remota mediante el configurador de App Builder, especificando parámetros como el índice de página, el tamaño de página y los registros totales. Esta flexibilidad facilita la creación de aplicaciones escalables y de alto rendimiento con una configuración manual mínima.

Más información sobre la función de paginación remota aquí.

Compatibilidad con el reparentamiento del diseño de cuadrícula CSS

Utilice Mayús + arrastrar el ratón para cambiar el contenido de la celda de cuadrícula con facilidad.

Fuente de datos con soporte de mapeos

Una fuente de datos compatible con la asignación le permite seleccionar enlaces de interfaz de usuario a través de una interfaz cuando se producen cambios de esquema. En otras palabras, si hay cambios en los puntos de conexión, los esquemas o las propiedades, ahora puede asignar fácilmente los enlaces existentes de la aplicación a sus nuevos equivalentes.

---

En conclusión, App Builder cambia las reglas del juego en el proceso de desarrollo de aplicaciones. Su constructor visual basado en la nube, sus capacidades low-code y sus nuevas funciones lo convierten en una herramienta imprescindible para cualquier organización. ¡Pruébalo hoy! Si necesitas más detalles, te animamos a que consultes nuestro:

• Canal Discord.
• Discusiones de GitHub.
• Hoja de ruta.

To experience everything, head over to appbuilder.dev and start using the App Builder. If you want an exclusive preview of our latest developments, check our App Builder Preview environment. 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.

---

• Maximización de la agilidad empresarial con desarrollo low-code
• App Builder IA: ¿Cómo agiliza el desarrollo de aplicaciones?
• App Builder lanzamiento: IA, diseño de cuadrícula CSS y más
• 5 características clave a tener en cuenta a la hora de elegir una plataforma low-code
• React Generación de código: guía paso a paso