Siirry pääsisältöön

Table

Avaa ChatGPT:ssä
Varjo dwc-table 24.00
Java API

Table-luokka on monipuolinen komponentti, joka on suunniteltu esittämään taulukkomuotoista tietoa rakenteellisesti ja helposti ymmärrettävällä tavalla. Optimoi suuret tietojoukot korkean suorituskyvyn avulla, tämä komponentti tarjoaa edistyksellistä visualisointia ja kattavan tapahtumasarjan dynaamiseen käyttäjävuorovaikutukseen.

Table- komponentin luominen​

Näytä koodi

Luodaksesi ja täyttääksesi Table-komponentin sovelluksessa, voit seurata seuraavia vaiheita:

1. Luo entiteettiluokka​

Määrittele luokka edustamaan entiteettejä (data), joita haluat näyttää taulukossa. Esimerkissä tämä luokka on MusicRecord.

public class MusicRecord {
  // Kentät ja menetelmät, jotka edustavat kunkin tietueen attribuutteja
}

2. Luo repositorio​

Kun entiteettiluokka on luotu, käytä tätä täyttämään kokoelma näistä entiteeteistä halutulla datalla.

Tämästä datasta on luotava Repository, jota käytetään Table-komponentissa. CollectionRepository-luokkaa tarjotaan, jotta mikä tahansa kelvollinen Java-kokoelma voitaisiin muuttaa käyttökelpoiseksi Repository:ksi, jolloin omaa Repository-luokkaa ei tarvitse toteuttaa.

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

CollectionRepository<MusicRecord> dataRepository = new CollectionRepository<>(data);
Lisätietoja

Lisätietoja Repository-mallista webforJ:ssä, katso Repository-artikkelit.

3. Instansoi Table ja lisää sarakkeet​

Instansoi uusi Table-objekti ja käytä yhtä tarjotuista tehdasmenetelmistä lisätäksesi halutut sarakkeet juuri luotuun Table:en:

Table<MusicRecord> table = new Table<>();
table.addColumn("Number", MusicRecord::getNumber);
table.addColumn("Title", MusicRecord::getTitle);
table.addColumn("Artist", MusicRecord::getArtist);
table.addColumn("Genre", MusicRecord::getMusicType);
table.addColumn("Cost", MusicRecord::getCost);

4. Aseta Table-datan​

Lopuksi, aseta Repository aikaisemmin luodulle Table:lle:

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

Vaihtoehtoisesti, setItems()-menetelmään voidaan syöttää mikä tahansa kelvollinen Java-kokoelma, jolloin se luo automaattisesti CollectionRepository:n.

Alla on esimerkki edellä mainituista vaiheista toteutettuna luomaan perus Table-komponentti:

Näytä koodi

Tyylittely​

Loading...