Hjälp utvecklingen av webbplatsen och dela artikeln med vänner!
Introduktion till paginering i JavaScript
JavaScript-pagineringskonceptet används för att flytta mellan sidorna med knapparna eller länkarna Första, Nästa, Föregående och Senaste. Paginerings huvudmotto är att flytta mellan innehållet omedelbart genom att klicka på länkar eller knappar. Paginering har flera länkar eller knappar för åtkomst till Första, Nästa, Föregående och Senaste innehåll. Skapa först, nästa, föregående och sista knappar i JavaScript vi har använt olika JavaScript-funktioner.
Vad är en Bootstrap-personsökare?
Sidningskoncept, används för att komma åt innehållet genom att använda Första, Nästa, Föregående och Senaste eller fler länkar eller knappar baserat på klientens krav för smidig åtkomst av innehåll.
Varför använder vi JavaScript-paginering?
Re altidsscenario: Låt oss ta amazon-webbplatsen eller Flipkart-webbplatsen för att visa tillgängliga produkter i deras databas. Låt anta att de har 1 miljon produkter med sig. Om de försöker visa alla artiklar samtidigt måste kunden vänta mer tid som en dag för att se alla produktlistor.
Hur ska vi hantera den här situationen?
Istället för att visa alla objekt samtidigt, kan vi visa dem 50 till 100 objekt åt gången genom att använda en lista med länkknappar. Om kunden inte är nöjd med de första 50 till 100 produkterna, kommer han att gå vidare till nästa 50 till 100 artiklar så vidare. Det här konceptet kallas paginering.
Syntaxen för paginering:
//funktion för att skapa sidlista
}
function prepareList() {
för (antal=0; räkna <100; count++)
//lägg till iterationselement i en array
createPages=getPageNumber();//användardefinierad funktion
}
//funktion för att skapa sidor
function preparePages() {
var start=((presentPage - 1)countPerEachPage);
var end=start+ countPerEachPage;
listPage=list.slice(start, end);
//kalla några användardefinierade metoder för sidnumreringsfunktioner
Exempel på paginering i Javascript
Här är följande exempel som nämns nedan
Exempel 1 - Paginering med siffror
HTML och JavaScript-kod: PaginationNumber.html
Paginering
Sidningsexempel
Varje sida har 10 nummer
Utdata:
Exempel 2 - Paginering med strängar Exempel
HTML och JavaScript-kod:
Paginering
/>"href=path_to/simplePagination.css
Pagination Introduktion Innehåll
Innehåll för paginering på varje sida
Föregående
Sida Nästa sida
Sidnummer:
Utdata:
Efter att ha klickat på knappen Nästa sida
Exempel 3 - Paginering utan standard-CSS-bibliotek
HTML och JavaScript-kod:
Paginering
Utdata:
Slutsats
Sidning av JavaScript används för att flytta mellan sidorna genom att använda knappar eller länkar direkt. Paginering i JavaScript kan göras med CSS-bibliotek eller utan CSS-bibliotek.