Passer au contenu principal

Table

Ouvrir dans ChatGPT
Ombre 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ée pour le traitement de grands ensembles de données avec une haute performance, ce composant offre une visualisation avancée et une suite complète d'événements pour un engagement dynamique des utilisateurs.

Création d'une Table​

Afficher le code

Afin de créer et de remplir une 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 la table. 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 la Table. La classe CollectionRepository est fournie pour convertir n'importe quelle 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, consultez les articles sur les Repository.

3. Instancier la 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 à la Table nouvellement créée :

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 de la Table​

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

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

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

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

Afficher le code

Styliser​

Loading...