Siirry pääsisältöön

Table

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

Luokka Table on monipuolinen komponentti, joka on suunniteltu esittämään taulukkomuotoista tietoa jäsennellyllä ja helposti ymmärrettävällä tavalla. Optimoitu suurten tietomäärien käsittelyyn korkealla suorituskyvyllä, tämä komponentti tarjoaa edistyksellistä visualisointia ja kattavan tapahtumavalikoiman dynaamiseen käyttäjävuorovaikutukseen.

Näytä koodi

Taulukon luominen​

Jotta voit luoda ja täyttää Table-komponentin sovelluksessa, voit noudattaa seuraavia vaiheita:

1. Luo entiteettiluokka​

Määritä 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 attributteja
}

2. Luo repositorio​

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

Tämäntyyppistä dataa varten on luotava Repository, jota käytetään Table-komponentissa. CollectionRepository-luokka on tarjolla muuntamaan mikä tahansa kelvollinen Java-kokoelma käytettäväksi Repository:ksi, jolloin oman Repository-luokan toteuttaminen ei ole tarpeen.

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ä löytyy Repository-artikkeleista.

3. Instanssia Table ja lisää sarakkeita​

Instanssia uusi Table-objekti ja käytä jotakin annetuista tehdastekniikoista lisätäksesi halutut sarakkeet uudelle Table:lle:

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-data​

Viimeiseksi, aseta Repository aiemmin luodulle Table:lle:

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

Vaihtoehtoisesti setItems()-metodille voidaan antaa mikä tahansa kelvollinen Java-kokoelma, joka luo taustalla CollectionRepository:n puolestasi.

Alla on esimerkki yllä mainituista vaiheista, jotka on toteutettu perustavanlaatuisen Table-komponentin luomiseksi:

Näytä koodi

Tyylittely​

Loading...