Lisätty sarjanumerot datataulukoille (1.10 uusi toteutus)

Pikku roisto · Julkaistu 14.11.2017 13.52.30

JQueryn Datatables -lisäosa on erittäin hyvä taulukoiden tekemiseen.

Luulin, että sarjanumeron lisääminen taulukkoon oli helppoa, mutta luettuani virallisen Datatables-toteutuksen koodi ei vaikuta yksinkertaiselta, ja testi löysi joitakin ongelmia, eikä se ollut helppokäyttöinen. En löytänyt hyvää ratkaisua netistä, joten jäljitin koodin ja löysin keinon itse.

Sarjanumeron toteutus (kätevä, epävirallinen toteutus)
Koska sarakkeet voivat olla funktio, katso sitten parametreja sisältävää dataa. Kävi ilmi, että hyödyllistä dataa oli löydetty ja aloitimme homman.

Koodi on seuraava:

Kirjautuminen näkyy.

Pointti on seuraava lause
meta.settings._iDisplayStart + meta.rivi + 1;
Analyysin jälkeen tiedetään, että:
meta.settings._iDisplayStart Jokaisen näytetyn tietueen aloitusindeksi;
meta.row+1 on nykyisen sivun riviindeksi, plus 1 on rivinumero;
Näiden kahden summa on nykyisen ajanjakson rivisarjanumero.

Tätä menetelmää ei virallisesti tarjota tai suositella, mutta mielestäni se on intuitiivisempi ja edullisempi käsitellä näytettävää dataa.

QWERTYU · Julkaistu 14.11.2017 14.44.37

Pikku roisto · Julkaistu 8.3.2018 14.25.32

Nimi	tyyppi	kuvaus
Tasapeli	integerJS	Pyyntöjen määrä kumotaan, ja se palautetaan sellaisenaan joka kerta, kun se lähetetään palvelimelle.
Aloita	integerJS	Ensimmäisen datan aloituspaikka, esimerkiksi 0, edustaa ensimmäistä dataa
Pituus	integerJS	Näytettyjen kohteiden määrä per sivu.
Haku[arvo]	stringJS	Globaalit hakukriteerit jokaiselle sarakkeelle (haettava täytyy asettaa todeksi)
Haku[regex]	booleanJS	Jos tosi tarkoittaa, että globaalin haun arvo käsitellään säännöllisenä lausekkeena, jos epätosi tarkoittaa, sitä ei käsitellä.
järjestys[kolumni]	integerJS	i on taulukkoindeksi, joka vastaa sarakkeita, alkaen nollasta, ja aliparametri kertoo, mikä sarake täytyy lajitella
järjestys[ohjaaja]	stringJS	Sarake on määritelty yllä, ja tämän sarakkeen lajittelutapa on laskeva asc
Pylväät[data]	stringJS	columnsbinding, määritelty columns.data
Pylväät[nimi]	stringJS	columns.name
Pylväät[haettavissa]	booleanJS	Se, voidaanko merkitty sarake hakea true-arvoon, tarkoittaa kyllä, muuten ei voi, mikä on columns.searchable -hallinta
Pylväät[tilattava]	booleanJS	Se, voidaanko merkityt sarakkeet lajitella true-arvoon, tarkoittaa kyllä, muuten ei, tätä ohjaavat columns.orderabl
Pylväät[hae] [arvo]	stringJS	Hakukriteerit tietyille sarakkeille
Pylväät[hae] [regex]	booleanJS	Pidetäänkö tietyn sarakkeen hakukriteerejä säännöllisinä lausekkeina

[Jquery] Lisätty sarjanumerot datataulukoille (1.10 uusi toteutus)

Aiheeseen liittyvät julkaisut

Katsotut osuudet