Table of Contents
¿Qué es?
Data Container es un componente de tipo Data pensado para optimizar el rendimiento de un tablero. Su función es realizar una única llamada a una base de datos o API, para que otros componentes (por ejemplo, tablas) tomen la información desde ahí en lugar de que cada componente haga su propia llamada por separado. Esto evita llamadas repetidas e innecesarias a la misma fuente de datos.
Si la información es dinámica, se puede programar un botón de “refresh” (mediante Events & Actions) para que Data Container vuelva a consultar la base de datos y actualice la información que consumen los demás componentes.
El propio Data Container no se muestra en el Preview, ya que es un contenedor sin representación visual. Esto no significa que el botón de refresh tampoco se vea: ese botón es un componente aparte, así que se muestra con normalidad si el usuario lo arma en el tablero; al presionarlo, la información se actualiza correctamente.
Propiedades
Al seleccionar Data Container en el lienzo, el panel derecho muestra “Properties of DataContainer”.
- Component ID: identificador único del componente, autogenerado (ej.
dat_edb056b3). - Visibility → Hidden on load: casilla para que el componente esté oculto al cargar la pantalla. Puede mostrarse luego mediante una acción de tipo Show.
- Selector S / M / L: ajusta el tamaño de visualización del panel de propiedades.
- Data (binding expression): campo de código donde se define la expresión de binding con los datos que va a almacenar/exponer el contenedor (por ejemplo, una llamada a una API o base de datos). Cuenta con el editor de código expandido para más comodidad y valida el contenido en tiempo real (marca “✓ valid”).
- Events & Actions: sistema para definir comportamientos interactivos, como la acción de refresh. Ver documentación aparte: Nexus – Events & Actions .
- Delete Component (ícono de papelera, arriba): elimina el componente del lienzo.
Ejemplo de uso
Un caso típico es un tablero con varias tablas y gráficos que necesitan los mismos datos de ventas. En vez de que cada componente llame a la base de datos por su cuenta, se agrega un Data Container que hace esa llamada una sola vez, y las tablas y gráficos toman la información desde ahí.
Si esos datos cambian con frecuencia, se puede agregar un botón en el tablero y configurarle, desde Events & Actions, una acción que refresque el Data Container. Así, cada vez que el usuario presiona ese botón, se vuelve a consultar la base de datos y todos los componentes conectados se actualizan automáticamente, sin necesidad de recargar toda la pantalla.