Zum Hauptinhalt springen

Table

In ChatGPT öffnen
Schatten dwc-table 24.00
Java API

Die Klasse Table ist eine vielseitige Komponente, die für die Präsentation von tabellarischen Informationen in einer strukturierten und leicht verständlichen Weise konzipiert ist. Optimiert für die Verarbeitung großer Datensätze mit hoher Leistung, bietet diese Komponente fortschrittliche Visualisierung und eine umfassende Suite von Ereignissen für ein dynamisches Benutzerengagement.

Erstellen einer Table​

Code anzeigen

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, um die Entitäten (Daten) darzustellen, 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​

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 werden kann. Die Klasse CollectionRepository bietet sich an, um jede gültige Java-Sammlung in ein verwendbares Repository umzuwandeln, sodass es nicht erforderlich ist, 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-Mustern in webforJ siehe die Repository-Artikel.

3. Instanziieren 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 setItems()-Methode jede gültige Java-Sammlung übergeben werden, die im Hintergrund eine CollectionRepository für Sie erstellt.

Nachfolgend ein Beispiel der obigen Schritte, die implementiert wurden, um eine grundlegende Table-Komponente zu erstellen:

Code anzeigen

Styling​

Loading...