Zum Hauptinhalt springen

Table

ChatGPT öffnen
Shadow dwc-table 24.00
Java API

Die Table-Klasse ist ein vielseitiges Component, das entwickelt wurde, um tabellarische Informationen strukturiert und leicht verständlich darzustellen. Optimiert für die Verarbeitung großer Datensätze mit hoher Leistung, bietet dieses Component erweiterte Visualisierungsmöglichkeiten und eine umfassende Suite von Ereignissen für dynamisches Benutzerengagement.

Code anzeigen

Erstellung einer Table​

Um eine Table in einer Anwendung zu erstellen und zu befüllen, können die folgenden Schritte unternommen werden:

1. Erstellen einer Entitätsklasse​

Definieren Sie eine Klasse, die die Entitäten (Daten) darstellt, die Sie in der Tabelle anzeigen möchten. In diesem Beispiel ist diese Klasse MusicRecord.

public class MusicRecord {
    // Felder und Methoden zur Darstellung der Attribute jedes Datensatzes
}

2. Erstellen eines Repositories​

Sobald eine Entitätsklasse erstellt wurde, verwenden Sie diese, um eine Sammlung dieser Entitäten mit den gewünschten Daten zu füllen.

Aus diesen Daten muss ein Repository erstellt werden, das innerhalb der Table verwendet wird. Die Klasse CollectionRepository wird bereitgestellt, um jede gültige Java-Sammlung in ein verwendbares Repository zu verwandeln, sodass die Implementierung einer eigenen Repository-Klasse entfällt.

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. Instanziierung von Table und Hinzufügen von Spalten​

Instanziieren Sie ein neues Table-Objekt und verwenden Sie eine der bereitgestellten Fabrikmethoden, um die gewünschten Spalten zu einer neu erstellten Table hinzuzufügen:

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

4. Setzen der Table-Daten​

Setzen Sie schließlich das Repository für die Table, die im vorherigen Schritt erstellt wurde:

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

Alternativ kann die Methode setItems() mit jeder gültigen Java-Sammlung aufgerufen werden, was im Hintergrund ein CollectionRepository für Sie erstellt.

Unten steht ein Beispiel der obigen Schritte, die implementiert wurden, um ein einfaches Table-Component zu erstellen:

Code anzeigen

Styling​

Loading...