Помогнете на развитието на сайта, споделяйки статията с приятели!
Въведение в пагинацията в JavaScript
JavaScript Pagination концепцията се прилага за придвижване между страниците с бутони или връзки Първа, Следваща, Предишна и Последна. Основното мото на пагинацията е незабавно да се придвижвате между съдържанието чрез щракване върху връзки или бутони. Пагинацията има множество връзки или бутони за достъп до Първо, Следващо, Предишно и Последно съдържание. Създаване на бутони Първи, Следващ, Предишен и Последен в JavaScript използвахме различни функции на JavaScript.
Какво е Bootstrap пейджър?
Концепция за пагинация, използвана за достъп до съдържанието чрез използване на Първа, Следваща, Предишна и Последна или повече връзки или бутони въз основа на изискванията на клиента за безпрепятствен достъп до съдържанието.
Защо използваме JavaScript Pagination?
Сценарий в реално време: Да вземем уебсайта на Amazon или уебсайта Flipkart за показване на наличните продукти в тяхната база данни. Да предположим, че имат 1 милион продукта със себе си. Ако се опитват да покажат всички артикули наведнъж, клиентът трябва да изчака повече време като един ден, за да види всички списъци с продукти.
Как трябва да се справим с тази ситуация?
Вместо да показваме всички елементи наведнъж, можем да им покажем 50 до 100 елемента наведнъж, като използваме списък с бутони за връзки. Ако клиентът не е доволен от първите 50 до 100 продукта, той ще премине към следващите 50 до 100 артикула и т.н. Тази концепция се нарича Pagination.
Синтаксисът за разделяне на страници:
//функция за създаване на списък със страници}
функция подготви списък() {
за (брой=0; брои <100; count++)
//добавете итерационни елементи към масив
createPages=getPageNumber();//дефинирана от потребителя функция
}
//функция за създаване на страници
функция подготвиСтраници() {
var start=((presentPage - 1)countPerEachPage);
var end=начало+ countPerEachPage;
listPage=list.slice(начало, край);
//извикване на някои дефинирани от потребителя методи за функционалност на пагинация
Примери за пагинация в Javascript
Ето следните примери, споменати по-долу
Пример 1 - Страниране с числа
HTML и JavaScript код: PaginationNumber.html
Страниране
Пример за пагинация
Всяка страница има 10 числа
Изход:
Пример 2 - Пример за разделяне на страници с низове
HTML и JavaScript код:
Страниране
Въвеждащо съдържание на страници
Съдържание за разделяне на страници във всяка страница
Предишна
Страница Следваща страница
Номер на страницата:
Изход:
След щракване върху бутона за следващата страница
Пример 3 - Страниране без CSS библиотеки по подразбиране
HTML и JavaScript код:
Страниране
Изход:
Заключение
Пагинацията на JavaScript се използва за придвижване между страниците чрез незабавно използване на бутони или връзки. Пагинацията в JavaScript може да се извърши с CSS библиотеки или без CSS библиотеки.