Hjælp udviklingen af webstedet med at dele artiklen med venner!
Introduktion til sideinddeling i JavaScript
JavaScript-sideinddelingskonceptet anvendes til at flytte mellem siderne med knapperne eller links til First, Next, Previous og Last. Paginerings hovedmotto er at flytte mellem indholdet med det samme ved at klikke på links eller knapper. Sideinddeling har flere links eller knapper til rådighed for adgang til første, næste, forrige og sidste indhold. Opret første, næste, forrige og sidste knapper i JavaScript vi har brugt forskellige JavaScript-funktioner.
Hvad er en Bootstrap-personsøger?
Pagination-koncept, der bruges til at få adgang til indholdet ved at bruge First, Next, Previous og Last eller flere links eller knapper baseret på klientens krav til problemfri adgang til indhold.
Hvorfor bruger vi JavaScript-paginering?
Re altidsscenarie: Lad os tage Amazon-webstedet eller Flipkart-webstedet for at vise tilgængelige produkter i deres database. Lad os antage, at de har 1 million produkter med sig. Hvis de forsøger at vise alle varer ad gangen, skal kunden vente mere tid som en dag for at se alle produktlisterne.
Hvordan skal vi tackle denne situation?
I stedet for at vise alle elementerne ad gangen, kan vi vise dem 50 til 100 elementer ad gangen ved at bruge en liste med linkknapper. Hvis kunden ikke er tilfreds med de første 50 til 100 produkter, vil han flytte til de næste 50 til 100 varer, så videre. Dette koncept kaldes paginering.
Syntaksen for sideinddeling:
//funktion til oprettelse af sideliste}
function prepareList() {
for (tæl=0; tæl <100; count++)
//tilføj iterationselementer til et array
createPages=getPageNumber();//brugerdefineret funktion
}
//funktion pr. oprettelse af sider
function preparePages() {
var start=((presentPage - 1)countPerEachPage);
var end=start+ countPerEachPage;
listPage=list.slice(start, end);
//kald nogle brugerdefinerede metoder til pagineringsfunktionalitet
Eksempler på sideinddeling i Javascript
Her er de følgende eksempler nævnt nedenfor
Eksempel 1 - Sideinddeling med tal
HTML og JavaScript-kode: PaginationNumber.html
Sideinddeling
Søgeeksempel
Hver side har 10 numre
Output:
Eksempel 2 - Sideinddeling med strenge Eksempel
HTML og JavaScript-kode:
Sideinddeling
Pagination Introduktion Indhold
Indhold til sideinddeling på hver side
Forrige
Side Næste side
Sidenummer:
Output:
Efter at have klikket på knappen Næste side
Eksempel 3 - Sideinddeling uden standard CSS-biblioteker
HTML og JavaScript-kode:
Sideinddeling
Output:
Konklusion
Søgning af JavaScript bruges til at flytte mellem siderne ved at bruge knapper eller links med det samme. Sideinddeling i JavaScript kan udføres med CSS-biblioteker eller uden CSS-biblioteker.