Passer au contenu principal

Table

Ouvrir dans ChatGPT
Shadow dwc-table 24.00
Java API

La classe Table est un composant polyvalent conçu pour présenter des informations tabulaires de manière structurée et facilement compréhensible. Optimisé pour gérer de grands ensembles de données avec une haute performance, ce composant offre une visualisation avancée et un ensemble complet d'événements pour une interaction dynamique avec l'utilisateur.

Afficher le code

Création d'un Table​

Pour créer et peupler un Table dans une application, les étapes suivantes peuvent être suivies :

1. Créer une classe d'entité​

Définissez une classe pour représenter les entités (données) que vous souhaitez afficher dans le tableau. Dans cet exemple, cette classe est MusicRecord.

public class MusicRecord {
    // Champs et méthodes pour représenter les attributs de chaque enregistrement
}

2. Créer un référentiel​

Une fois qu'une classe d'entité a été créée, utilisez-la pour remplir une collection de ces entités avec les données souhaitées.

À partir de ces données, un Repository doit être créé pour être utilisé dans le Table. La classe CollectionRepository est fournie pour transformer toute collection Java valide en un Repository utilisable, évitant ainsi la nécessité d'implémenter votre propre classe Repository.

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

CollectionRepository<MusicRecord> dataRepository = new CollectionRepository<>(data);
Plus d'informations

Pour plus d'informations sur le modèle Repository dans webforJ, voir les articles sur les dépôts.

3. Instancier Table et ajouter des colonnes​

Instanciez un nouvel objet Table, et utilisez l'une des méthodes de fabrique fournies pour ajouter les colonnes souhaitées à un nouveau Table créé :

Table<MusicRecord> table = new Table<>();
table.addColumn("Numéro", MusicRecord::getNumber);
table.addColumn("Titre", MusicRecord::getTitle);
table.addColumn("Artiste", MusicRecord::getArtist);
table.addColumn("Genre", MusicRecord::getMusicType);
table.addColumn("Coût", MusicRecord::getCost);

4. Définir les données du Table​

Enfin, définissez le Repository pour le Table créé à l'étape précédente :

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

Alternativement, la méthode setItems() peut recevoir toute collection Java valide, ce qui créera un CollectionRepository en arrière-plan pour vous.

Voici un exemple des étapes ci-dessus mises en œuvre pour créer un composant Table de base :

Afficher le code

Stylisation​

Loading...