您位於此處:
在 Omniscript 中內嵌 FlexCard
使用「自訂 LWC」元素將 FlexCard Lightning Web 元件內嵌在 Omniscript 中。FlexCard 可以從 Omniscript 接收資料,並執行 FlexCard 中可用的任何動作。
開始之前
-
確定您的 FlexCard 包含 Omniscript 支援。
-
(選用) 設定 FlexCard 以從 Omniscript 接收資料。
- 從元素面板中,將「自訂 LWC」 元素拖曳至步驟。
-
在內容面板的元素 Lightning Web 元件名稱中,輸入 FlexCard 元件的名稱,並將 cf 置於名稱的開頭前。
例如,名為「FlexCard」的「帳戶卡」 必須輸入為 cfAccountCard。
-
在 內容名稱中,輸入 FlexCard 預期會透過將內容轉換為 HTML 屬性格式來接收的內容。有三個選項可讓您從 Omniscript 將資料傳送至 FlexCard。每個資料選項都需要您將資料作為 HTML 屬性傳遞。例如,如果 FlexCard 收到內容 recordId,您必須在內容名稱欄位中輸入 record-id 才能正確傳遞內容。
財產名稱選項
描述
record-id
使用 record-id 內容將記錄識別碼傳送至 FlexCard。FlexCard 使用記錄識別碼來執行資料查詢。
parent-attribute
將包含父系屬性的父系物件 (例如 Parent.id) 傳送至 FlexCard。在 FlexCard 查詢和欄位中使用合併欄位。
parent-data
與
記錄
直接將資料對應至 FlexCard 欄位,而無須執行查詢。父系資料內容是布林值,FlexCard 會用來判斷要對記錄集執行查詢或剖析。
listen-os-data-change 每當傳入的 Omniscript 資料變更時,請更新 FlexCard。
-
在 內容來源中,使用合併欄位語法,根據您的內容名稱輸入下列其中一個選項:
內容名稱
財產來源
record-id
輸入包含物件的 JSON 節點。例如,若要傳遞儲存在 ContextId 節點中的記錄識別碼,請輸入 %ContextId%。若要避免載入 FlexCard 時發生問題,請勿使用合併欄位語法來參照自訂 LWC。例如,如果 LWC 的名稱為 customlwc1,請勿使用 %customlwc1%。
parent-attribute
輸入包含物件的 JSON 節點。
parent-data
與
記錄
將父系-資料的內容來源設定為 true。
設定記錄等於包含記錄或記錄陣列的物件。FlexCard 會剖析這些記錄,並將節點對應至 FlexCard 欄位。
listen-os-data-change 輸入 true 以在每次傳入的 Omniscript 資料變更時更新 FlexCard。
-
(選用) 每當使用者瀏覽至步驟的依據時,請重新呈現並重新整理「FlexCard」儲存狀態:
-
在 FlexCard Designer 中,停用 Omniscript 支援。
-
在 Omniscript Designer 中,開啟「自訂 LWC」元素,然後選取「標準模式」。如需有關獨立自訂 LWC 的資訊,請參閱 建立獨立自訂 Lightning Web 元件。
-
- (選用) 從 Summer '21 開始,使用 FlexCard 在您的 Omniscript 中提供可選取項目。請參閱 設定卡片動作以更新 FlexCard。
- 若要將 FlexCard 資料傳送至父系 Omniscript,請參閱 從 FlexCard 更新 Omniscript 的 JSON 程式碼。
- 儲存並啟用指令檔。
-
預覽 Omniscript。
備註
使用自訂 Lightning Web 元件的 Omniscript 必須為啟用,才能預覽 Omniscript。
- 將資料從 Omniscript 傳送至內嵌 FlexCard
若要填入資料欄位並對內嵌在 Omniscript 中的 FlexCard 執行動作,您可以將資料從 Omniscript 的資料 JSON 傳送至 FlexCard。使用「自訂 Lightning Web 元件」元素將 FlexCard 內嵌在 Omniscript 中。 - 使用自訂 JSON 資料來源將資料從 FlexCard 傳送至 Omniscript
若要將資料從 FlexCard 的資料 JSON 傳送至 Omniscript,請將 FlexCard 內嵌為 Omniscript 內部的自訂 Lightning Web 元件 (LWC)。
