使用隱藏條件 using-hide-conditions

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

概觀 overview

對於使用者而言,對話方塊可能會因許多選項而變得複雜,他們只能使用一小部分可用的選項。 這可能會導致使用者無法承受的使用者介面體驗。

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

NOTE
根據運算式隱藏資源不會取代ACL許可權。 內容保持可編輯狀態但不會顯示。

實作與使用細節 implementation-and-usage-details

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

實施作業會使用Granite ELResolver API 並新增 cqDesign 透過ExpressionCustomizer的自訂變數。

以下是位於下方的設計節點上的幾個隱藏條件範例。 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)。
  • 值是唯讀的。
  • 功能(如有需要)應限製為服務提供的一組給定值。

範例 example

在整個AEM和 核心元件 尤其是這個。 例如,請考慮 列出核心元件.

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

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

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

    chlimage_1-218

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

    chlimage_1-219

  3. 原則節點建立於 /conf/we-retail/settings/wcm/policies/weretail/components/content/list 具有屬性 disableChildren 設為 true.

  4. 隱藏條件定義為 granite:hide 對話方塊屬性節點上的屬性 /conf/we-retail/settings/wcm/policies/weretail/components/content/list

    chlimage_1-220

  5. 的值 disableChildren 從設計設定和運算式中提取 ${cqDesign.disableChildren} 評估為 false,表示不會將選項呈現為元件的一部分。

    您可以檢視隱藏運算式,作為 granite:hide 屬性 在此填入GitHub.

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

    chlimage_1-221

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2