Реализация пагинации на JavaScript

Подписаться 11 тыс.

Просмотров 24 тыс.

50% 1

В данном видео я покажу вам реализацию пагинации на JavaScript. Пагинация представляет собой разбивку некоторой длинной структуры на страницы. К примеру, в нашей задаче у нас будет длинный список пользователей, например, в 100 или 200 штук, а мы не будем показывать
их все сразу, а будем выводить по 10 штук на одной странице.
Автор видео: Трепачёв Д.П.
Больше уроков вы найдете на сайте code.mu

Опубликовано:

16 май 2019

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 33

@olegvintoniuk5288 3 года назад

Спасибо за видео. Помогло понять смысл создания пагинации. Из множества разных примеров твое объяснение есть самим лучшим.

@user-rf7dw5tc7n 4 года назад

Дима, очень классный контент, спасибо огромное за труды!! Буду ждать больше материала!

@masterbiz100 5 лет назад

Все ясно и понятно. Буду использовать в своих проектах! Спасибо за полезнейший контент!

@VladimirDoroslav 3 года назад

Отличное разъяснение. Благодарю за подробное руководство )))

@kapotonai 5 лет назад

Будем ждать новых уроков.Спасибо!

@oleksaveres7536 4 года назад

Чувак! Спасибо тебе большое! Очень интересно!

@arshavin0309 2 года назад

спасибо за ваше развернутое объяснение!

@user-xd7bv7ng2l 4 года назад

Большое спасибо за видео!

@SashaNareykin 2 года назад

Спасбо, Дмитрий! Очень помогли!)

@user-jv6vv9bk4e 3 года назад

Если Вы сами придумали формулу на 11.17 то огромный респект! Вы мега мозг!))))))))))

@seoonlyRU 2 года назад

хорошо,Дмитрий! спасибо и лайк вам от сеоонли!

@gleb655 3 года назад

Спасибо, очень понятно, видео конечно не для новичков, но мне зашло

@creatingandeditingcae-duce3623 3 года назад

Неплохо, для полноценно плагина нахватает 2-вещей, сортировки и поиск по таблице

@user-mv1nx4yy4q 5 лет назад

Ждем видео о работе LocalStorage с пагинацией

@deevue_sews 3 года назад

Да уж. Видно что видео записано позднее чем залито ибо код со времен мамонтов. К концу видео чувак конечно мозг поламал. В целом видос мне помог решить мою задачу. Видно что парень шарит. p.s. Автор, причеши видос, смотрю в 2021 и с ума схожу.

@anhelinapovkhanych-rybak4743 4 года назад

Спасибо за видео, поставила лайк) Было бы еще полезно сделать видео с реализацией пагинации с отправкой request на сервер и получением данных оттуда. (Если такое видео у вас уже есть, то буду благодарна за ссылку ).

@whicencer8819 3 года назад

25:56 i

@Gyak_ 3 года назад

spasibo bro

@MsAnabios 3 года назад

Привет, зачем вешать событие на каждую ? Делегирование события, почитай, и ты забудешь о своей бэд практикс =)

@LuckyMetsu 4 года назад

Привет,я новичок, подскажи, я вывожу данные с бд,через php ,как мне массив с данными засунуть в эту функцию,чтобы пагинация шла по этим данным. (там таблица будет) И в это чудо,которое ты сделал ещё бы сортировку добавить.

@slagrach 2 года назад

А как добавить переключение по стрелкам? И счетчик страниц?

@user-mv8ok9vi6x 3 года назад

Это без mysql ?

@vitaliyzhoglo4761 Год назад

а если кнопок будет 250+, как сделать что б показывалось лишь определённое количество?

@georgikazumyan3602 Год назад

мне также итересно данный момент

@Antonio-mne-jarko Год назад

это тебе уже индусы объяснят. У наших менталитет такой, видимо - все делать через одно место и недоделывать...

@iliakolomiiets8881 3 года назад

вода не не ВОДИЩА, 10 мин любви с кодом чтобы переставить одну строчку кода что бы "не затерли" при этом иметь в коде 20 строк коммента и из-за этого прокручивать его каждые 30 секунд. А так тема норм раскрыта, но если убрать всю лишнюю воду и решить задание заранее то видео максимум на 15-20 мин.

@desmoraleatk4214 3 года назад

Тут можно не согласиться. Автор видимо код пишет вживую и при этом создается впечатление реальной работы, с разбором и фиксов багов. Другое дело, если автор со второго монитора переписывал свой готовый код нон-стопом.

@oleksandr7093 Год назад

пагинация от слова pagination !! учитель

@pandaxgame5003 3 года назад

Блин пожалуйста помогите мне , сидел почти 1час завтра экзамен а у нас пагинация осталось , скиньте пожалуйста файл , УМОЛЯЮ ВАС !!!!!!!!

@pandaxgame5003 3 года назад

Я пытался сделать не получилось почему то , ПОМОГИТЕ ПОЖАЛУЙСТА

@MsAnabios 3 года назад

Через минуту видео снова - slice, ты серьезно?)))) Делать срез масива. База миллион комментариев - ты вытянешь массив объектов размером 1млн. и будешь резать?)))) Запросы в БД с лимитом и "С - ПО" решать проблемы, выбирать по 3 в твоем случае, по 10/25/50/100 в реальной жизни.