Componentes Reactivos
Resumen
Los Componentes Reactivos se actualizan automáticamente cuando los usuarios interactúan con su Sitio de Experiencia. Cuando un usuario hace clic o selecciona algo en un componente, otros componentes conectados se actualizan al instante para mostrar información relacionada, creando una experiencia interactiva y fluida.
Componentes clave
Los componentes reactivos son:
Cómo ayuda esto
Los componentes reactivos le permiten crear páginas interactivas donde los usuarios pueden explorar datos dinámicamente. Por ejemplo, hacer clic en un registro en AX - Tabla de Datos puede actualizar automáticamente un AX - Mapa para mostrar la ubicación de ese registro, o filtrar un AX - Cronología para mostrar actividades relacionadas, todo sin recargas de página ni navegación.
Esto crea experiencias de portal más atractivas donde la información se actualiza instantáneamente según lo que los usuarios estén viendo o seleccionando
Casos de uso prácticos
Detalles dinámicos de cuentas con mapas
Configure un Mapa Avonni para mostrar ubicaciones de cuentas. Cuando un usuario selecciona una ubicación, los detalles relacionados de la cuenta (p. ej., nombre, descripción, industria) aparecen automáticamente en un Bloque de Texto Avonni, proporcionando una forma intuitiva de explorar los datos.
Tablas de datos interconectadas
Configure una Tabla de Datos Avonni para listar cuentas. Seleccionar una cuenta desencadena que una segunda Tabla de Datos se actualice y muestre los contactos asociados, permitiendo una navegación fluida a través de grandes conjuntos de datos.
Por qué los componentes reactivos son importantes
Los componentes reactivos permiten que su Sitio de Experiencia responda y se comunique entre elementos, haciéndolo más dinámico y fácil de usar. Esta interactividad ayuda a los visitantes a descubrir y acceder a la información de manera eficiente, conduciendo a una experiencia más atractiva y productiva.
Configuración de sus componentes Avonni reactivos
Incorpore estos componentes reactivos en su Sitio de Experiencia con un proceso de configuración sencillo para mejorar la interactividad:
¿Qué hace que un componente sea “reactivo”?
Un componente se vuelve reactivo al vincular sus datos a otros componentes, permitiendo actualizaciones automáticas basadas en las acciones del usuario. Esto se logra con dos pasos simples
Pasos para habilitar la reactividad
Nombre sus componentes de datos (componentApiName)
Asigne un apodo único a cada componente en el Panel de Propiedades. Por ejemplo, nombre una Tabla de Datos que lista cuentas como accountsDatatable.
¿Por qué esto? El apodo identifica el componente para la reactividad, permitiendo que otros componentes hagan referencia a sus datos
Indique a otros componentes cómo reaccionar
Especifique qué componentes deben actualizarse cuando un usuario interactúa con otro. Use la siguiente sintaxis en las propiedades del componente de destino:texto
{{componentApiName.selectedRecord.componentFieldApiName}}Desglose:
componentApiName: El apodo que asignó (p. ej.,accountsDatatable).selectedRecord: La fila o elemento que el usuario selecciona.componentFieldApiName: El campo específico para mostrar (p. ej.,Nombre,Industry).
¿Por qué esto? Esta sintaxis vincula los datos seleccionados (p. ej., la
Nombre) a otro componente, desencadenando una actualización automática
Solución de problemas comunes
Ejemplos guiados
Aprenda a conectar una Tabla de Datos y un Mapa Avonni en Experience Site para mostrar dinámicamente ubicaciones basadas en las cuentas seleccionadas por el usuario.
Descubra cómo vincular una Tabla de Datos Avonni para cuentas con una Tabla de Contactos, actualizando la Tabla de Contactos dinámicamente para mostrar solo los contactos de la cuenta seleccionada
Última actualización
¿Te fue útil?