Zum Hauptinhalt springen

Table

In ChatGPT öffnen
Shadow dwc-table 24.00
Java API

Die Table-Klasse ist eine vielseitige Komponente, die dafür entwickelt wurde, tabellarische Informationen in einer strukturierten und leicht verständlichen Weise darzustellen. Sie ist optimiert für den Umgang mit großen Datensätzen bei hoher Leistung und bietet eine fortschrittliche Visualisierung sowie eine umfassende Suite von Ereignissen für eine dynamische Benutzerinteraktion.

Code anzeigen

Erstellen einer Table​

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

1. Erstellen Sie eine Entitätsklasse​

Definieren Sie eine Klasse, die die Entitäten (Daten) repräsentiert, 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 Sie ein Repository​

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 werden kann. Die Klasse CollectionRepository wird bereitgestellt, um jede gültige Java-Sammlung in ein verwendbares Repository zu verwandeln, wodurch die Notwendigkeit entfällt, eine eigene Repository-Klasse zu implementieren.

List<MusicRecord> data = new Gson().fromJson(
    Assets.contentOf(
        Assets.resolveContextUrl("context://data/CDStore.json")
    ), new TypeToken<List<MusicRecord>>() {}
);

CollectionRepository<MusicRecord> dataRepository = new CollectionRepository<>(data);
Weitere Informationen

Für weitere Informationen zum Repository-Muster in webforJ, siehe die Repository-Artikel.

3. Instanziieren Sie die Table und fügen Sie Spalten hinzu​

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 Sie die Daten der Table​

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, die unter der Haube ein CollectionRepository für Sie erstellt.

Unten ist ein Beispiel der oben genannten Schritte, die implementiert wurden, um eine grundlegende Table-Komponente zu erstellen:

Code anzeigen

Stilgestaltung​

Loading...