Ga naar hoofdinhoud

Table

Open in ChatGPT
Shadow dwc-table 24.00
Java API

De Table klasse is een veelzijdig component dat is ontworpen voor het presenteren van tabelinformatie op een gestructureerde en gemakkelijk te begrijpen manier. Geoptimaliseerd voor het verwerken van grote datasets met hoge prestaties, biedt dit component geavanceerde visualisatie en een uitgebreide suite van evenementen voor dynamische gebruikersbetrokkenheid.

Toon code

Een Table maken

Om een Table in een applicatie te maken en te vullen, kunnen de volgende stappen worden genomen:

1. Maak een entiteitsklasse

Definieer een klasse om de entiteiten (gegevens) weer te geven die je in de tabel wilt tonen. In dit voorbeeld is deze klasse MusicRecord.

public class MusicRecord {
// Velden en methoden om de attributen van elk record weer te geven
}

2. Maak een repository

Zodra er een entiteitsklasse is gemaakt, gebruik deze dan om een verzameling van deze entiteiten met de gewenste gegevens te vullen.

Van deze gegevens moet er een Repository worden gemaakt voor gebruik binnen de Table. De CollectionRepository klasse is voorzien om elke geldige Java-verzameling om te zetten in een bruikbare Repository, zodat je geen eigen Repository klasse hoeft te implementeren.

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. Instantieer Table en voeg kolommen toe

Instantieer een nieuw Table object en gebruik een van de beschikbare fabrieksmethoden om de gewenste kolommen aan een nieuw aangemaakte Table toe te voegen:

Table<MusicRecord> table = new Table<>();
table.addColumn("Nummer", MusicRecord::getNumber);
table.addColumn("Titel", MusicRecord::getTitle);
table.addColumn("Artiest", MusicRecord::getArtist);
table.addColumn("Genre", MusicRecord::getMusicType);
table.addColumn("Kosten", MusicRecord::getCost);

4. Stel de gegevens van de Table in

Stel tenslotte de Repository in voor de Table die in de vorige stap is gemaakt:

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

Alternatief kan de setItems() methode elke geldige Java-verzameling aannemen, wat onder de motorkap een CollectionRepository voor je aanmaakt.

Hieronder is een voorbeeld van de bovenstaande stappen geïmplementeerd om een basis Table component te creëren:

Toon code

Stijling

Loading...