Overslaan naar hoofdinhoud

Table

Openen 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 omgaan met grote datasets met hoge prestaties, biedt dit component geavanceerde visualisatie en een uitgebreide reeks 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 u in de tabel wilt tonen. In het 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 een entiteitsklasse is gemaakt, gebruik deze dan om een collectie van deze entiteiten met de gewenste gegevens te vullen.

Vanuit deze gegevens moet er een Repository worden gemaakt voor gebruik binnen de Table. De CollectionRepository klasse wordt verstrekt om elke geldige Java-collectie om te zetten in een bruikbare Repository, waardoor het noodzakelijk is om uw eigen Repository-klasse 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);
Meer informatie

Voor meer informatie over het Repository-patroon in webforJ, zie de Repository-artikelen.

3. Instantieer Table en voeg kolommen toe​

Instantiateer een nieuw Table object en gebruik een van de verstrekte fabrieksmethoden om de gewenste kolommen toe te voegen aan een nieuw gemaakte Table:

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 Table gegevens in​

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

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

Als alternatief kan de setItems()-methode elke geldige Java-collectie ontvangen, die een CollectionRepository onder de motorkap voor u creëert.

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

Toon Code

Stijl​

Loading...