Saltar al contenido principal

Table

Abrir en ChatGPT
Sombra 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. Optimizada para manejar grandes conjuntos de datos con alto rendimiento, este componente ofrece visualización avanzada y un conjunto integral de eventos para la interacción dinámica del usuario.

Crear una Table​

Mostrar Código

Para crear y poblar una Table en una aplicación, se pueden realizar 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. La clase CollectionRepository se proporciona para convertir cualquier colección válida de Java en un Repository utilizable, evitando la necesidad de implementar tu propia clase 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);
Más información

Para más información sobre el patrón Repository en webforJ, consulta los artículos sobre Repository.

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("Number", MusicRecord::getNumber);
table.addColumn("Title", MusicRecord::getTitle);
table.addColumn("Artist", MusicRecord::getArtist);
table.addColumn("Genre", MusicRecord::getMusicType);
table.addColumn("Cost", 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á un CollectionRepository automáticamente para ti.

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

Mostrar Código

Estilizando​

Loading...