使用隱藏條件

隱藏條件可用來判斷元件資源是否已呈現。 範本作者設定核心元件時即為此範例 清單元件範本編輯器 並決定停用根據子頁面建立清單的選項。 在設計對話框中禁用此選項會設定一個屬性,以便在呈現清單元件時計算隱藏條件,並且不顯示顯示子頁的選項。

總覽

對話方塊可能會變得非常複雜,用戶可能只使用其可支配選項的一小部分。 這可能導致使用者的使用者介面體驗過量。

使用隱藏條件,管理員、開發人員和超級使用者就能根據一組規則來隱藏資源。 此功能可讓作者決定當作者編輯內容時應顯示哪些資源。

注意

根據運算式隱藏資源不會取代ACL權限。 內容仍可編輯,但不會顯示。

實作與使用詳細資料

com.adobe.granite.ui.components.FilteringResourceWrapper 負責根據資源的存在和值來篩選資源 granite:hide 屬性,位於要篩選的欄位上。 執行 /libs/cq/gui/components/authoring/dialog/dialog.jsp 包含的例項 FilteringResourceWrapper.

實作會利用Granite ELResolver API 並新增 cqDesign 自訂變數。

以下是位於下方之設計節點上隱藏條件的一些範例 etc/design 或作為內容原則。

${cqDesign.myProperty}
${!cqDesign.myProperty}
${cqDesign.myProperty == 'someText'}
${cqDesign.myProperty != 'someText'}
${cqDesign.myProperty == true}
${cqDesign.myProperty == true}
${cqDesign.property1 == 'someText' && cqDesign.property2 || cqDesign.property3 != 1 || header.myHeader}

定義隱藏運算式時請記住:

  • 為了有效,應表示找到屬性的範圍(例如 cqDesign.myProperty)。
  • 值為唯讀。
  • 函式(如有需要)應限於服務提供的指定集。

範例

您可以在AEM和 核心元件 特別是。 例如,請考量 清單核心元件WKND教學課程。

使用範本編輯器,範本作者可在設計對話方塊中定義頁面作者可用之清單元件的選項。 例如是否允許該清單為靜態清單、子頁清單、標籤頁清單等。 可啟用或停用。

如果範本作者選擇停用子頁面選項,則會設定設計屬性並據此評估隱藏條件,導致選項無法為頁面作者呈現。

  1. 依預設,頁面作者可以使用清單核心元件,透過選擇選項,使用子頁面來建立清單 子頁面.

    清單元件設定

  2. 在清單核心元件的設計對話方塊中,範本作者可以選擇選項 禁用子項 以防止頁面作者看到根據子頁面產生清單的選項。

    清單元件設計對話方塊

  3. 策略節點建立於 /conf/wknd/settings/wcm/policies/wknd/components/list 具有屬性 disableChildren 設為 true.

    隱藏條件的節點結構

  4. 隱藏條件定義為 granite:hide 對話框屬性節點上的屬性 /libs/core/wcm/components/list/v2/list/cq:dialog/content/items/tabs/items/listSettings/items/columns/items/column/items/listFrom/items/children

    隱藏條件的評估

  5. 的值 disableChildren 從設計配置和表達式中提取 ${cqDesign.disableChildren} 評估為 false,表示選項不會轉譯為元件的一部分。

  6. 選項 子頁面 使用清單元件時,不再為頁面作者轉譯。

    禁用子選項的清單元件

本頁內容