Zum Hauptinhalt springen

Table

In ChatGPT öffnen
Schatten dwc-table 24.00
Java API

Die Klasse Table ist eine vielseitige Komponente, die zum Präsentieren von tabellarischen Informationen in strukturierter und leicht verständlicher Weise entwickelt wurde. Optimiert für die Verarbeitung großer Datensätze mit hoher Leistung, bietet diese Komponente erweiterte Visualisierungen und eine umfassende Suite von Ereignissen für eine dynamische Benutzerinteraktion.

Erstellung einer Table​

Code anzeigen

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

1. Erstellen einer Entitätsklasse​

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

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

2. Erstellen eines Repositories​

Nachdem 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, wodurch die Notwendigkeit entfällt, Ihre 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. Instanziierung der 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 in der vorherigen Schritt erstellte Table:

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

Alternativ kann der Methode setItems() jede gültige Java-Sammlung übergeben werden, die unter der Haube ein CollectionRepository für Sie erstellt.

Im Folgenden ist ein Beispiel für die oben genannten Schritte, um eine grundlegende Table-Komponente zu erstellen:

Code anzeigen

Stilgestaltung​

Loading...