Casi d'uso di esempio per gli eventi FlexCard

Aggiorna elenco prodotti

Creare una pagina Lightning che mostra un elenco filtrabile di prodotti.

1. Creare una FlexCard che mostra i filtri e dispone di un pulsante Applica che, quando viene selezionato, attiva un evento.
2. Creare un'altra FlexCard che mostra le informazioni sul prodotto, ascolta l'evento della prima FlexCard ed esegue un'azione.

Registrazione di un evento dinamico personalizzato

Creare un evento su una FlexCard utilizzando un campo di unione denominato channel_{Session.name}, case{recordId} o evnt_{Parent.status}. Quindi registrare l'evento specifico da un altro componente. Ad esempio, registrare channel_acme, case143437h8f9f00 o evnt_New.

Selezione di una FlexCard controllata in più società controllanti

Consente agli utenti di selezionare nuovi valori reimpostando i record selezionati in precedenza. Configurare l'evento resetselectedcards per reimpostare la selezione nella scheda controllata o nella scheda controllata e nelle relative FlexCard controllanti.

1. Creare una FlexCard secondaria.
2. Per consentire agli utenti di selezionare la scheda secondaria, aggiungere un elemento di immediato valore pratico come Blocca o Azione.
3. Creare un'azione per attivare l'evento che deseleziona tutte le schede secondarie selezionate in precedenza. Nell'esempio di appuntamento, cancellare tutti gli appuntamenti selezionati in tutti gli operatori sanitari. Eseguire le seguenti operazioni:
   1. Nella sezione Azioni del riquadro Proprietà, selezionare Evento come Tipo di azione e Pubsub come Tipo di evento.
   2. Immettere un Nome canale, ad esempio appuntamento.
   3. Immettere un Nome evento, ad esempio clearprevappt.
4. Nel riquadro Imposta, creare l'ascoltatore di eventi per questo evento:
   1. Immettere gli stessi valori per Tipo di evento, Nome canale e Nome evento dei passaggi precedenti.
   2. In Azioni, creare un'azione evento personalizzata il cui Nome evento è resetelectedcards.
   3. Per reimpostare le schede figlio in tutti i genitori, selezionare Bolle e confermare che Composto non sia selezionato. Tuttavia, se la FlexCard controllante ha elementi selezionabili e si desidera che gli utenti reimpostano gli elementi selezionati sia sulla scheda controllante che su quella controllata, selezionare Composto oltre a Bubbles. Ad esempio, se un utente deve selezionare il medico prima di selezionare l'appuntamento, sia il medico che l'appuntamento vengono reimpostati quando l'utente seleziona un nuovo appuntamento.
   4. Fai clic su Salva.
5. Sullo stesso elemento fruibile del passaggio 2, creare un'azione per selezionare una nuova scheda secondaria.
   1. Nella sezione Azioni del riquadro Proprietà, creare un'azione sequenziale.
   2. Selezionare Evento come tipo di azione e Personalizzato come tipo di evento.
   3. Immettere il Nome evento, ad esempio selectappt.
   4. Selezionare Bubbles. Se è stato selezionato Composto nel passaggio 4 c, selezionarlo ora. In caso contrario, assicurarsi che rimanga deselezionato.
6. Nel riquadro Imposta, creare un listener evento per l'evento personalizzato.
   1. Immettere Personalizzato come Tipo di evento e immettere il Nome evento dell'azione evento personalizzata.
   2. In Azioni, selezionare Scheda come tipo di azione e Seleziona schede come tipo.
   3. In Selected Cards List Name (Nome elenco schede selezionate), immettere un nome per la matrice che contiene i dati della scheda selezionata, ad esempio l'appuntamento.
   4. Configurare altre proprietà per l'azione Seleziona schede.
   5. Per aggiornare un OmniScript con i dati della scheda selezionata, aggiungere un'azione sequenziale.
   6. Selezionare Aggiorna OmniScript come tipo di azione.
   7. Nella sezione Parametri di input, fare clic su + Aggiungi nuovo.
   8. Nel campo Chiave, immettere un nome del nodo di dati da passare all'OmniScript. Ad esempio: .
      appuntamento selezionato
   9. In Valore, immettere il nome immesso in Nome elenco schede selezionate come campo di unione. Ad esempio:
      {appointment}
   10. Fai clic su Salva.
7. Attivare la FlexCard.
8. Nella FlexCard controllante e trascinare un elemento FlexCard.
9. Per Nome FlexCard, selezionare la FlexCard secondaria creata nel passaggio 1.
10. Per visualizzare in anteprima e testare la FlexCard prima della pubblicazione, fare clic sulla scheda Anteprima. Selezionare una scheda secondaria, ad esempio un'ora dell'appuntamento. Quindi selezionarne un altro. Quando si seleziona una nuova scheda secondaria, tutte le schede secondarie selezionate in precedenza su qualsiasi scheda principale sono deselezionate. Se Composto è selezionato con Bolle, se sono presenti voci selezionabili nella FlexCard controllante, vengono reimpostate anche quelle quando viene selezionato un elemento secondario.
11. Nel riquadro Imposta, selezionare Supporto OmniScript.
12. Prima di incorporare la FlexCard come LWC personalizzato in un OmniScript, attivare la FlexCard.

Passaggio di dati da una FlexCard a un OmniScript in un flyout

Il passaggio di dati da una FlexCard a un OmniScript in un flyout implica l'impostazione di una fonte di dati personalizzata, l'attivazione dell'OmniScript con un elemento azione e la configurazione dell'ascoltatore di eventi per il passaggio dei dati.

1. Creare un OmniScript.
   Vedere Creazione di un OmniScript.
2. Creare una FlexCard con una fonte di dati personalizzata e aggiungere il {test} JSON personalizzato.
   Passare questi dati di {test} a un OmniScript nei passaggi successivi.
3. Trascinare un elemento azione nell'area di disegno FlexCard che attiva l'azione per avviare OmniScript.
   1. Visualizza l'elemento azione come pulsante.
      Quando l'utente fa clic su questo pulsante di azione, avvia l'OmniScript in un flyout.
   2. Aggiungere un'azione pubsub, dataactionevent, all'elemento azione.
   3. Passare un parametro di input nell'azione evento impostando la chiave come oggetto e il valore come {test}.
4. Dall'impostazione della FlexCard, configurare il listener di eventi della FlexCard con i seguenti valori.
   • Tipo di evento: Pubsub
   • Nome evento: dataactionevent
   • Nome canale: dataactionevent
   • Tipo di azione: Flyout
   • Tipo di flyout: OmniScript
   • Flyout: Selezionare l'OmniScript creato nel passaggio 1 che si desidera avviare in un flyout dalla FlexCard.
   • Tipo di evento: Pubsub
   • Passare un parametro di input nell'azione evento con chiave come test e valore come {action.obj}.
5. Nell'OmniScript, aggiungere un elemento che accetta i dati di {test} dalla FlexCard.
   Ad esempio, aggiungere un blocco di testo con il campo di unione %test%. Quando l'utente fa clic sul pulsante di azione nella FlexCard, l'OmniScript viene visualizzato in un flyout e il blocco di testo visualizza il {test}.
6. Visualizzare in anteprima la FlexCard per verificare che facendo clic sul pulsante di azione si avvii l'OmniScript in un flyout e che i dati di test siano visualizzati correttamente nell'OmniScript.

Ricarica di una FlexCard dopo l'aggiornamento di un OmniScript in un flyout

Per aggiornare le informazioni su una FlexCard dopo che l'utente ha interagito con un OmniScript incorporato in un flyout:

1. Creare l'OmniScript da incorporare nel flyout FlexCard.
   Vedere Creazione di un OmniScript.
2. Impostare la comunicazione tra OmniScript e un componente Web Lightning aggiungendo un'azione di navigazione all'Omniscript e selezionando il framework di messaggistica pub/sub.

   Vedere Azione di navigazione.

3. Aggiungere un'azione flyout sulla FlexCard.
   Vedere Impostazione dei flyout su una FlexCard.
4. Nella scheda Imposta della FlexCard, aggiungere un listener di eventi al flyout per ricaricare la FlexCard in risposta a un evento con i seguenti valori:

   Tipo di evento: Pubsub

   Nome canale: omniscript_action

   Nome evento: dati

   Tipo di azione: Scheda

   Tipo: Ricarica