Saltar al contenido

Table

Abrir en ChatGPT
Shadow dwc-table 24.00
Java API

La clase Table es un componente versátil diseñado para presentar información tabular de manera estructurada y fácilmente comprensible. Optimizado para manejar grandes conjuntos de datos con alto rendimiento, este componente ofrece visualización avanzada y un conjunto completo de eventos para la interacción dinámica del usuario.

Mostrar Código

Creando una Table​

Para crear y poblar una Table en una aplicación, se pueden seguir los siguientes pasos:

1. Crear una clase de entidad​

Define una clase para representar las entidades (datos) que deseas mostrar en la tabla. En el ejemplo, esta clase es MusicRecord.

public class MusicRecord {
    // Campos y métodos para representar los atributos de cada registro
}

2. Crear un repositorio​

Una vez que se ha creado una clase de entidad, utilízala para llenar una colección de estas entidades con los datos deseados.

A partir de estos datos, se necesita crear un Repository para su uso dentro de la Table. Se proporciona la clase CollectionRepository para convertir cualquier colección válida de Java en un Repository utilizable, evitando la necesidad de implementar tu propia clase de Repository.

List<MusicRecord> data = new Gson().fromJson(
    Assets.contentOf(
        Assets.resolveContextUrl("context://data/CDStore.json")
    ), new TypeToken<List<MusicRecord>>() {}
);

CollectionRepository<MusicRecord> dataRepository = new CollectionRepository<>(data);

3. Instanciar Table y agregar columnas​

Instancia un nuevo objeto Table, y utiliza uno de los métodos de fábrica proporcionados para agregar las columnas deseadas a la Table recién creada:

Table<MusicRecord> table = new Table<>();
table.addColumn("Número", MusicRecord::getNumber);
table.addColumn("Título", MusicRecord::getTitle);
table.addColumn("Artista", MusicRecord::getArtist);
table.addColumn("Género", MusicRecord::getMusicType);
table.addColumn("Costo", MusicRecord::getCost);

4. Establecer los datos de la Table​

Finalmente, establece el Repository para la Table creada en el paso anterior:

table.setRepository(Service.getMusicRecords());
info

Alternativamente, el método setItems() puede recibir cualquier colección válida de Java, lo que creará una CollectionRepository internamente para ti.

A continuación se muestra un ejemplo de los pasos anteriores implementados para crear un componente Table básico:

Mostrar Código

Estilo​

Loading...