Show Menu
TOPICS×

Componente de lista

El componente Lista de componentes principales permite crear fácilmente listas dinámicas y estáticas.

Uso

El componente Lista se puede utilizar para crear, por ejemplo, una lista dinámica de páginas secundarias o una lista estática de elementos definidos arbitrariamente. El autor de la plantilla puede definir el tipo de listas disponibles y las opciones de formato en el cuadro de diálogo Cuadro de diálogo Diseño de diseño. El editor de contenido puede seleccionar entre los tipos de lista disponibles y cómo dar formato a los elementos de la lista en el cuadro de diálogo de edición.

Versión y compatibilidad

La versión actual del componente Lista es v2, que se introdujo con la versión 2.0.0 de los componentes principales en enero de 2018, y se describe en este documento.
En la tabla siguiente se detallan todas las versiones compatibles del componente, las versiones de AEM con las que las versiones del componente son compatibles y los vínculos a la documentación de versiones anteriores.
Versión del componente
AEM 6.3
AEM 6.4
AEM 6.5
v2
Compatible
Compatible
Compatible
Compatible
Compatible
Compatible
Para obtener más información sobre las versiones y versiones de los componentes principales, consulte el documento Versiones de componentes principales.

Ejemplo de salida de componente

Para experimentar el componente Lista, así como ver ejemplos de sus opciones de configuración, así como la salida HTML y JSON, visite la biblioteca list.html de componentes.

Detalles técnicos

La documentación técnica más reciente sobre el componente Lista puede encontrarse en GitHub .
Encontrará más detalles sobre el desarrollo de los componentes principales en la documentación para desarrolladores de los componentes principales.

Edit Dialog

El cuadro de diálogo de edición permite al autor del contenido configurar la lista y los elementos de la lista.

Ficha Configuración de lista

La lista se puede crear de diferentes maneras.
Independientemente de cómo se cree la lista, hay opciones de ordenación que siempre se pueden configurar.
Según el modo en que el autor elija crear la lista, cambiarán las opciones de configuración adicionales.

Páginas secundarias

La lista se puede crear con las páginas secundarias de la página actual u otra página.
  • Página principal
    • La página cuyas páginas secundarias deben crear la lista
    • Deje en blanco para utilizar la página actual
  • Profundidad
    secundaria Cuántos niveles inferiores de la jerarquía se deben utilizar

Fixed List

La lista se puede crear con una lista fija de elementos.
Toque o haga clic en el botón
Agregar
para insertar un nuevo elemento en la lista.
  • Introduzca texto para el elemento en la lista o utilice el cuadro de diálogo Selección para elegir un elemento de AEM.
  • Utilice el controlador de arrastre para reorganizar los elementos de la lista.
  • Utilice el icono de la papelera para eliminar elementos de la lista.

Búsqueda

La lista se puede crear con los resultados de una búsqueda de contenido de AEM.
  • Consulta
    de búsqueda La cadena para la que se ejecutará una búsqueda de texto completo para generar los elementos de lista
  • Buscar
    donde se debe ejecutar la búsqueda
    • Utilice el cuadro de diálogo Selección para elegir la ubicación en AEM
    • Usar la página actual si se deja en blanco

Etiquetas

La lista se puede crear con páginas que coincidan con determinadas etiquetas en una ubicación determinada.
  • Página
    principalDónde debe comenzar la coincidencia de etiquetas
    • Utilice el cuadro de diálogo Selección para elegir la ubicación en AEM
    • Usar la página actual si se deja en blanco
  • Etiquetas
    Qué etiquetas deben coincidir
    • Utilice el cuadro de diálogo
      Examinar
      para seleccionar las etiquetas
  • Coincidencia
    Defina qué tipo de coincidencia debe calificar una página para incluirla en la lista
    • cualquier etiqueta
    • todas las etiquetas

Opciones de ordenación

Independientemente de cómo elija crear la lista, hay ciertas opciones de ordenación que siempre se pueden definir.
  • Ordenar por
    cómo se deben ordenar los elementos
    • Título
    • Fecha de la última modificación
  • Orden
    El orden en el que se deben ordenar los elementos
    • ascendente
    • descendente
  • Número máximo de elementos
    Número máximo de elementos mostrados en la lista.
    • Deje vacío para devolver todos los elementos.

Ficha Configuración de elemento

Mediante la ficha Configuración de elemento, se puede configurar el formato de los elementos de lista.
  • Vincular elementos
    Vincular elementos a la página correspondiente
  • Mostrar descripción
    Mostrar descripciones del elemento de vínculo
  • Mostrar fecha
    Mostrar fecha de modificación del elemento de vínculo

Cuadro de diálogo Diseño

El cuadro de diálogo de diseño permite al autor de la plantilla definir los tipos de listas que deben permitirse a los autores de contenido, así como la configuración del elemento disponible.

Ajustes de la lista

En la ficha Configuración
de
lista, se puede definir el formato de fecha, así como el tipo de listas que deben estar disponibles en el componente para los autores de contenido.
  • Formato
    de fecha que se usará para mostrar la fecha de la última modificación
  • Deshabilitar elementos secundarios
    Desactive el tipo de lista de elementos secundarios del componente
  • Deshabilitar estático
    Deshabilitar el tipo de lista estática en el componente
  • Deshabilitar la búsqueda
    Deshabilite el tipo de lista de búsqueda en el componente
  • Deshabilitar etiquetas
    Deshabilitar tipo de lista de etiquetas en el componente

Ajustes del elemento

En la ficha Configuración
de
elemento, se pueden definir las opciones de formato para los elementos de lista individuales que deben estar disponibles en el componente para los autores de contenido.
  • Vincular elementos
    Habilitar elementos de vínculo en el cuadro de diálogo Editar
  • Mostrar descripciones
    Habilitar la opción Mostrar descripciones en el cuadro de diálogo Editar
  • Mostrar fecha
    Activar la opción Mostrar fecha en el cuadro de diálogo Editar

Ficha Estilos

El componente Imagen admite el sistema de estilo AEM.