Гръбнак.Пагинатор Това е набор от инструменти, методи и форми, които ни позволяват да разбием резултатите от заявките, които трябва да направим, спрямо услугите за данни на нашите приложения и които могат да върнат повече резултати, отколкото искаме потребителят да види на първо място.
Чрез пейджинг на данните можем да улесним навигацията и също така да увеличим скоростта на нашето приложение, тъй като за нашите цели не е същото да зареждаме 5000 записа в клиентския браузър, отколкото да заредим същите 5000 от 100 на 100 и тези 100 ги разделят на превръщат в 10 страници за запис, това прави много информация да изглежда по -управляема.
1. Видове пагинация
За да установим как ще работим Гръбнак.Пагинатор, първо трябва да знаем видове пагинация с което можем да се изправим, по този начин можем да установим как трябва да действаме, когато разработваме нашето решение:
Заявка за услуга за данниТози тип разбивка на страници ни позволява да се консултираме само с количеството данни, които всяка страница приема от уеб услуга, например a API, проблемът възниква, когато включим повече параметри като ред, постоянство на заявката и т.н. Това обаче е добър начин да разтоварите процесорната мощност на сървъра, който ни обслужва данните.
Допълнителна пагинация от страна на клиентаВ този стил на пагинация ние правим, че въвеждаме набор от данни, по -голям от този, който се изисква от всяка страница, по този начин от страна на клиента можем да правим страници с по -малки блокове и получаваме по -голяма скорост, тъй като имаме останалите данни в нашата сила.
Безкрайна пагинацияТози тип разбивка на страници ни позволява да зареждаме резултатите, когато потребителят напредва, след определено ограничение поставяме бутон, за да видим повече, по този начин той не се чувства ограничен от броя на страниците, този стил на странициране се вижда много в социални мрежи като Facebook.
2. Какво ни предлага Backbone.Paginator?
Той ни предлага поредица от инструменти, които ни позволяват да постигнем някой от трите стила на пагинация, описани по -горе, също така ни предлага помощ за визуално поставяне на елементите, както виждаме на следното изображение:
Увеличете
3. Инициализация
Backbone.Paginator трябва да се прилага към колекция от данни, това също ни предлага два метода за обхващане на различните видове пагинация.
Backbone.Paginator.requestPagerИзползваме този метод, за да покрием заявките, които можем да направим срещу услуга за данни, като например API.
Backbone.Paginator.clientPagerИзползваме този метод, когато искаме да направим допълнително пейджинг в клиента, например API върна 100 записа и с този метод го разделихме на страници с 10 записа в клиента по този начин преминаването между страниците не е обусловено от допълнителни заявки .
Както виждаме, тези инструменти са доста полезни при изграждането на нашите приложения, тъй като можем да мислим за потребителския интерфейс не само като естетическа част, но и ще има функционалности, които улесняват живота.
Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка
