Uso de Ocultar condiciones

Ocultar condiciones se puede utilizar para determinar si un recurso de componente se procesa o no. Un ejemplo de esto sería cuando un autor de plantillas configure el componente principal componente de lista en el editor de plantillas y decide deshabilitar las opciones para generar la lista en función de las páginas secundarias. Al deshabilitar esta opción en el cuadro de diálogo de diseño, se establece una propiedad de modo que cuando se procese el componente de lista, se evalúe la condición de ocultar y no se muestre la opción para mostrar páginas secundarias.

Información general

Los diálogos pueden llegar a ser muy complejos con numerosas opciones para el usuario, que solo puede utilizar una fracción de las opciones que están a su disposición. Esto puede generar experiencias de interfaz de usuario abrumadoras para los usuarios.

Al utilizar las condiciones de ocultación, los administradores, los desarrolladores y los superusuarios tienen una forma de ocultar los recursos en función de un conjunto de reglas. Esta función les permite decidir qué recursos se deben mostrar cuando un autor edita el contenido.

Detalles de implementación y uso

com.adobe.granite.ui.components.FilteringResourceWrapper es responsable de filtrar los recursos en función de la existencia y el valor de granite:hide propiedad, ubicada en el campo que se va a filtrar. La implementación de /libs/cq/gui/components/authoring/dialog/dialog.jsp incluye una instancia de FilteringResourceWrapper.

La implementación hace uso de Granite API de ELResolver y añade un cqDesign variable personalizada mediante ExpressionCustomizer.

A continuación, se muestran algunos ejemplos de condiciones de ocultación en un nodo de diseño ubicado en etc/design o como una política de contenido.

${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}

Al definir la expresión Hide, tenga en cuenta:

• Para ser válido, se debe expresar el ámbito en el que se encuentra la propiedad (por ejemplo, cqDesign.myProperty).
• Los valores son de solo lectura.
• Las funciones (si son necesarias) deben limitarse a un conjunto determinado proporcionado por el servicio.

Ejemplos

AEM Se pueden encontrar ejemplos de condiciones de ocultación a lo largo de la y la componentes principales en particular. Por ejemplo, considere la componente principal de lista tal como se implementa en Tutorial de WKND.

Uso del editor de plantillas, el autor de la plantilla puede definir en el cuadro de diálogo de diseño qué opciones del componente de lista están disponibles para el autor de la página. Opciones como permitir que la lista sea una lista estática, una lista de páginas secundarias, una lista de páginas etiquetadas, etc. se puede activar o desactivar.

Si un autor de una plantilla decide deshabilitar la opción de páginas secundarias, se establece una propiedad de diseño y se evalúa una condición de ocultación con respecto a ella, lo que hace que la opción no se procese para el autor de la página.

1. De forma predeterminada, el autor de la página puede utilizar el componente principal de la lista para crear una lista con páginas secundarias eligiendo la opción Páginas secundarias.

   

2. En el cuadro de diálogo de diseño del componente principal de lista, el autor de la plantilla puede elegir la opción Desactivar elementos secundarios para evitar que la opción de generar una lista basada en páginas secundarias se muestre al autor de la página.

   

3. Se crea un nodo de directivas en /conf/wknd/settings/wcm/policies/wknd/components/list con una propiedad disableChildren establezca en true.

   

4. La condición de ocultar se define como el valor de un granite:hide en el nodo de propiedades del cuadro de diálogo /libs/core/wcm/components/list/v2/list/cq:dialog/content/items/tabs/items/listSettings/items/columns/items/column/items/listFrom/items/children

   

5. El valor de disableChildren se extrae de la configuración de diseño y de la expresión ${cqDesign.disableChildren} se evalúa como false, lo que significa que la opción no se procesará como parte del componente.

6. La opción Páginas secundarias ya no se representa para el autor de la página al utilizar el componente de lista.

   

Recursos de Business.Adobe.com