Overslaan naar hoofdinhoud

Table

Openen in ChatGPT
Schaduw 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 afhandelen van grote datasets met hoge prestaties, biedt dit component geavanceerde visualisatie en een uitgebreide suite van gebeurtenissen voor dynamische gebruikersbetrokkenheid.

Een Table maken​

Toon Code

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

1. Maak een entiteitsklasse​

Definieer een klasse om de entiteiten (gegevens) weer te geven die je in de tabel wilt tonen. In het voorbeeld is dit de 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 verzameling van deze entiteiten met de gewenste gegevens te vullen.

Vanuit deze gegevens moet een Repository worden gemaakt voor gebruik binnen de Table. De CollectionRepository-klasse is beschikbaar om elke geldige Java-verzameling om te zetten in een bruikbare Repository, waardoor de noodzaak om je eigen Repository-klasse te implementeren vervalt.

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​

Instantieer een nieuw Table-object en gebruik een van de verstrekte fabrieksmethoden om de gewenste kolommen toe te voegen aan een nieuw aangemaakt 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 ten slotte de Repository in voor de Table die in de vorige stap is gemaakt:

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

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

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

Toon Code

Stijlen​

Loading...