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 rakenteellisella ja helposti ymmärrettävällä tavalla. Suunniteltu käsittelemään suuria tietojoukkia korkealla suorituskyvyllä, tämä komponentti tarjoaa kehittyneitä visualisointimahdollisuuksia ja kattavan tapahtumakompleksin dynaamiseen käyttäjävuorovaikutukseen.

Taulukon luominen​

Näytä koodi

Taulukon luomiseksi ja täyttämiseksi sovelluksessa voidaan ottaa seuraavat vaiheet:

1. Luo entiteettiluokka​

Määrittele luokka, joka edustaa entiteettejä (dataa), joita haluat näyttää taulukossa. Esimerkissä tämä luokka on MusicRecord.

public class MusicRecord {
  // Kentät ja metodit, jotka edustavat jokaisen tietueen attribuutteja
}

2. Luo varasto​

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

Tästä datasta on luotava Repository, jota käytetään Table-komponentin sisällä. CollectionRepository-luokka on tarjottu muuntamaan mikä tahansa kelvollinen Java-kokoelma käyttökelpoiseksi Repository:ksi, joten 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-kuviosta webforJ:ssä, katso Repository-artikkelit.

3. Luo Table ja lisää sarakkeita​

Luo uusi Table-objekti ja käytä jotain tarjotuista tehdasmenetelmistä lisätäksesi haluamasi sarakkeet juuri luotuun Table:en:

Table<MusicRecord> table = new Table<>();
table.addColumn("Numero", MusicRecord::getNumber);
table.addColumn("Otsikko", MusicRecord::getTitle);
table.addColumn("Esittäjä", MusicRecord::getArtist);
table.addColumn("Genre", MusicRecord::getMusicType);
table.addColumn("Hinta", MusicRecord::getCost);

4. Aseta Table-datan​

Lopuksi, aseta aiemmassa vaiheessa luodun Table:n Repository:

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

Vaihtoehtoisesti setItems()-metodille voi antaa minkä tahansa kelvollisen Java-kokoelman, mikä luo taustalla CollectionRepository:n automaattisesti puolestasi.

Alla on esimerkki yllä olevista vaiheista toteutettuna perus Table-komponentin luomiseksi:

Näytä koodi

Tyylittely​

Loading...