在最適化表單中使用SOM表達式

自適應表單被建模AEM為頁面,在儲存庫中被表示為JCR內AEM容結構。 內容結構的關鍵元素為guideContainer節點。 在guideContainer下方,有rootPanel,其中可能包含巢狀面板和欄位。

可以使用指令碼對象模型(SOM)來引用特定文檔對象模型(DOM)中的值、屬性和方法。 DOM將記憶體對象和屬性組織在樹層次中。 SOM表達式引用欄位/繪製元素和面板。

下圖描述了在向表單添加元件時,自適應表單轉換為的節點結構。 例如,您可以新增面板至根面板,並在面板中新增選項按鈕,在執行時期轉換為DOM。 最適化格式的單選按鈕欄位的SOM表達式指定為guide[0].guide1[0].guideRootPanel[0].panel1[0].radiobutton[0]

DOM樹

DOM樹

自適應形式中任何元素的SOM表達式都由guide[0].guide1[0]前置詞。 元件在節點結構層次中的位置用於導出其SOM表達式。

具有兩個單選按鈕的DOM樹

具有兩個單選按鈕的DOM樹

當您在最適化表單中變更選項按鈕的位置時,SOM運算式會變更。 在創作模式中,可以使用「查看SOM表達式」選項查看AEM Forms內某欄位或元素的SOM表達式。 當您以滑鼠右鍵按一下欄位或元素時,該選項就會出現在面板上。

在自適應形式中提取SOM表達式

在自適應形式中提取SOM表達式

在面板中,您可以從面板工具列存取功能。 此功能可協助最適化表單作者編寫指令碼。

使用面板工具列擷取SOM運算式

使用面板工具列擷取SOM運算式

GuideBridge中列出的某些API會使用元素的SOM運算式。 例如,要以自適應形式將焦點放在特定欄位中,請將相應的SOM表達式傳遞到guideBridge中的getFocusAPI。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now