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. Optimoitu suurten tietomäärien käsittelyyn korkealla suorituskyvyllä, tämä komponentti tarjoaa edistyneitä visualisointimahdollisuuksia ja kattavan kokoelman tapahtumia dynaamiseen käyttäjävuorovaikutukseen.

Luominen Table​

Näytä koodi

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

1. Luo entiteettiluokka​

Määrittele luokka edustamaan entiteettejä (tietoja), jotka haluat esittää taulukossa. Esimerkissä tämä luokka on MusicRecord.

public class MusicRecord {
  // Kentät ja metodit kunkin tietueen attribuuttien esittämiseksi
}

2. Luo varasto​

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

Tästä datasta on luotava Repository, jota voidaan käyttää Table-komponentissa. CollectionRepository-luokka on tarjottu muuntamaan mikä tahansa voimassa oleva Java-kokoelma käyttökelpoiseksi Repository-luokaksi, välttäen tarpeen toteuttaa oma Repository-luokka.

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. Instantiate Table ja lisää sarakkeet​

Instanssoi uusi Table-objekti ja käytä jotakin annettua tehtävämenetelmää lisäämään halutut sarakkeet uudelle luodulle Table-komponentille:

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

4. Aseta Table-tiedot​

Viimeiseksi, aseta edellisessä vaiheessa luodulle Table:lle Repository:

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

Vaihtoehtoisesti setItems()-menetelmään voidaan siirtää mikä tahansa voimassa oleva Java-kokoelma, mikä luo taustalla CollectionRepository-instanssin puolestasi.

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

Näytä koodi

Tyylit​

Loading...