Componenti reattivi
Panoramica
I componenti reattivi si aggiornano automaticamente quando gli utenti interagiscono con il tuo Experience Site. Quando un utente fa clic o seleziona qualcosa in un componente, gli altri componenti connessi si aggiornano all'istante per mostrare informazioni correlate, creando un'esperienza fluida e interattiva.
Componenti principali
I componenti reattivi sono:
Come aiuta
I componenti reattivi ti permettono di creare pagine interattive in cui gli utenti possono esplorare i dati in modo dinamico. Ad esempio, fare clic su un record in AX - Tabella dati può aggiornare automaticamente una AX - Mappa per mostrare la posizione di quel record, oppure filtrare una AX - Timeline per mostrare le attività correlate, il tutto senza ricaricare la pagina o navigare.
Questo crea esperienze di portale più coinvolgenti, in cui le informazioni si aggiornano istantaneamente in base a ciò che gli utenti stanno visualizzando o selezionando
Casi d'uso pratici
Dettagli dinamici dell'account con le mappe
Configura una Mappa Avonni per visualizzare le posizioni degli account. Quando un utente seleziona una posizione, i dettagli correlati dell'account (ad es. nome, descrizione, settore) compaiono automaticamente in un Blocco di testo Avonni, offrendo un modo intuitivo per esplorare i dati.
Tabelle dati interconnesse
Imposta una Tabella dati Avonni per elencare gli account. La selezione di un account attiva l'aggiornamento di una seconda Tabella dati, che mostra i contatti associati, consentendo una navigazione fluida tra grandi set di dati.
Perché i componenti reattivi sono importanti
I componenti reattivi consentono 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, offrendo un'esperienza più coinvolgente e produttiva.
Configurazione dei tuoi componenti reattivi Avonni
Integra questi componenti reattivi nel tuo Experience Site con un processo di configurazione semplice per aumentare l'interattività:
Cosa rende un componente "reattivo"?
Un componente diventa reattivo collegando i suoi dati ad altri componenti, consentendo aggiornamenti automatici in base alle azioni dell'utente. Questo si ottiene con due semplici passaggi
Passaggi per abilitare la reattività
Assegna un nome ai tuoi componenti dati (componentApiName)
Assegna a ciascun componente un nickname univoco nel Pannello Proprietà. Ad esempio, chiama accountsDatatable una Tabella dati che elenca gli account.
Perché questo? Il nickname identifica il componente per la reattività, consentendo agli altri componenti di fare riferimento ai suoi dati
Indica agli altri componenti come reagire
Specifica quali componenti devono aggiornarsi quando un utente interagisce con un altro. Usa la seguente sintassi nelle proprietà del componente di destinazione:testo
{{componentApiName.selectedRecord.componentFieldApiName}}Scomposizione:
componentApiName: Il nickname che hai assegnato (ad es.,accountsDatatable).selectedRecord: La riga o l'elemento selezionato dall'utente.componentFieldApiName: Il campo specifico da visualizzare (ad es.,Nome,Industry).
Perché questo? Questa sintassi collega i dati selezionati (ad es., quelli di un account
Nome) a un altro componente, attivando un aggiornamento automatico
Risoluzione dei problemi comuni
I componenti non si aggiornano
Assicurati che ogni componente abbia un componentApiName univoco e che la sintassi ({{componentApiName.selectedRecord.componentFieldApiName}}) sia inserita correttamente nelle proprietà del componente di destinazione.
Nessun dato visualizzato
Verifica che il componente sorgente (ad es., accountsDatatable) abbia dei dati e che il componentFieldApiName corrisponda a un campo disponibile (ad es., Nome).
Ritardo della reattività
Controlla se ci sono 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 all'indirizzo [email protected] per assistenza.
Esempi guidati
Scopri come collegare una Tabella dati Avonni e una Mappa in Experience Site per visualizzare dinamicamente le posizioni in base agli account selezionati dall'utente.
Scopri come collegare una Tabella dati Avonni per gli account a una Tabella Contatti, aggiornando dinamicamente la Tabella Contatti per mostrare solo i contatti dell'account selezionato
Ultimo aggiornamento
È stato utile?