Componenti reattivi

Panoramica

I Componenti reattivi si aggiornano automaticamente quando gli utenti interagiscono con il tuo Experience Site. Quando un utente clicca o seleziona qualcosa in un componente, gli altri componenti collegati si aggiornano istantaneamente per mostrare informazioni correlate, creando un'esperienza interattiva e fluida.

Componenti chiave

I Componenti reattivi sono:

• AX - Tabella dati

• AX - Mappa

• AX - Elenco

• AX - Cronologia

• AX - Blocco di testo

Come questo aiuta

I componenti reattivi ti permettono di costruire pagine interattive dove gli utenti possono esplorare i dati in modo dinamico. Per esempio, cliccare un record in AX - Tabella dati può aggiornare automaticamente una AX - Mappa per mostrare la posizione di quel record, o filtrare una AX - Cronologia per mostrare attività correlate, tutto senza ricaricare la pagina o navigare altrove.

Questo crea esperienze di portale più coinvolgenti in cui le informazioni si aggiornano immediatamente in base a ciò che gli utenti stanno visualizzando o selezionando

---

Casi d'uso pratici

Dettagli account dinamici con mappe

Configura una Mappa Avonni per visualizzare le posizioni degli account. Quando un utente seleziona una posizione, i dettagli correlati dell'account (es. nome, descrizione, settore) appaiono automaticamente in un Blocco di testo Avonni, offrendo un modo intuitivo di esplorare i dati.

Tabelle dati interconnesse

Imposta una Tabella dati Avonni per elencare gli account. Selezionando un account, una seconda Tabella dati si aggiorna per mostrare i contatti associati, consentendo una navigazione fluida attraverso grandi set di dati.

---

Perché i Componenti reattivi sono importanti

I componenti reattivi permettono al tuo Experience Site di rispondere e comunicare tra gli elementi, rendendolo più dinamico e facile da usare. Questa interattività aiuta i visitatori a scoprire e accedere alle informazioni in modo efficiente, portando a un'esperienza più coinvolgente e produttiva.

---

Configurare i tuoi Componenti Avonni reattivi

Incorpora questi componenti reattivi nel tuo Experience Site con un processo di configurazione semplice per migliorare l'interattività:

Cosa rende un componente “reattivo”?

Un componente diventa reattivo collegando i suoi dati ad altri componenti, permettendo aggiornamenti automatici in base alle azioni dell'utente. Questo si ottiene con due semplici passaggi

Passaggi per abilitare la reattività

1

Assegna un nome ai tuoi componenti di dati (componentApiName)

• Assegna un soprannome unico a ciascun componente nel Pannello Proprietà. Per esempio, nomina una Tabella dati che elenca gli account accountsDatatable.

• Perché questo? Il soprannome identifica il componente per la reattività, permettendo ad altri componenti di fare riferimento ai suoi dati

2

Dì agli altri componenti come reagire

• Specifica quali componenti dovrebbero aggiornarsi quando un utente interagisce con un altro. Usa la seguente sintassi nelle proprietà del componente di destinazione:text{{componentApiName.selectedRecord.componentFieldApiName}}

• Spiegazione:

  • componentApiName: Il soprannome che hai assegnato (es., accountsDatatable).

  • selectedRecord: La riga o l'elemento che l'utente seleziona.

  • componentFieldApiName: Il campo specifico da visualizzare (es., Nome, Industry).

• Perché questo? Questa sintassi collega i dati selezionati (es., il Nome) a un altro componente, attivando un aggiornamento automatico

---

Risoluzione dei problemi comuni

I componenti non si aggiornano

Assicurati che ogni componente abbia un unico componentApiName e che la sintassi ({{componentApiName.selectedRecord.componentFieldApiName}}) sia inserita correttamente nelle proprietà del componente di destinazione.

Nessun dato visualizzato

Verifica che il componente sorgente (es., accountsDatatable) abbia dati e che il componentFieldApiName corrisponda a un campo disponibile (es., Nome).

Ritardo nella reattività

Controlla la presenza di set di dati complessi; semplifica le query o riduci il numero di collegamenti reattivi per migliorare le prestazioni.

Se i problemi persistono

Contatta il nostro team di supporto a [email protected] per assistenza.

---

Esempi guidati

Collegare Tabella dati e Mappa per posizioni dinamiche

Impara a collegare una Tabella dati Avonni e una Mappa in Experience Site per visualizzare dinamicamente le posizioni basate sugli account selezionati dall'utente.

Tabelle dati collegate

Scopri come collegare una Tabella dati Avonni per gli account con una Tabella Contatti, aggiornando dinamicamente la Tabella Contatti per mostrare solo i contatti dell'account selezionato