• English

4.2 List

El componente List se emplea para diseñar formularios de listado, proporcionando una manera eficiente de mostrar conjuntos de datos organizados y permitiendo la interacción con los mismos.

Estos formularios pueden incluir acciones que indican operaciones específicas a realizar entre diferentes formularios, mejorando la capacidad de gestión y navegación del usuario.

Los datos del List se presentan a través de un Datatable, componente utilizado para organizar y visualizar conjuntos de datos tabulares de manera estructurada. El Datatable está asociado a un repositorio definido en el atributo "repo", lo que permite una vinculación directa de datos para su presentación.

Adicionalmente, el Datatable ofrece funcionalidades avanzadas, como la capacidad de filtrar y ordenar los datos según criterios predefinidos. Esto mejora la eficiencia en la búsqueda y visualización de información, permitiendo a los usuarios interactuar de manera efectiva con los datos presentados.

La personalización del número de filas visibles y la selección de propiedades de entidad proporcionan flexibilidad para adaptar el Datatable a diversas necesidades de presentación y contenido, permitiendo una experiencia de usuario más personalizada.

Atributo		Valor por defecto	Tipo	Descripción
id		null	String	Identificador único del componente. Si no se define, por defecto el id será formId#list.
name		null	String	Nombre descriptivo del grupo de formularios.
description		null	String	Descripción del grupo de formularios.

<main id="formDatatable" name="Datatable" repo="provinciaRepo">
    <list id="provincias" name="Provincias" description="Listado de provincias">
        <datatable id="datatableProvincia">
            <column id="column_c_provincia_id" headerText="Cod. Provincia" filtering="true" ordering="true" value="${entity.c_provincia_id}">
                <filter property="c_provincia_id" matching="contains" valueExpression="${this.column_c_provincia_id}"/>
                <order property="c_provincia_id"/>
            </column>
            <column id="column_d_provincia" headerText="Provincia" filtering="true" ordering="true" value="${entity.d_provincia}">
                <filter property="d_provincia" matching="contains" valueExpression="${this.column_d_provincia}"/>
                <order property="d_provincia"/>
            </column>
        </datatable>
    </list>
</main>

4.2.1 Datatable

Ver 4.8. Datatable

4.2.2 Buttonbar

Ver 4.20. Buttonbar