Backbone.js - Paginator

Backbone.Paginator É um conjunto de ferramentas, métodos e formulários que nos permitem paginar os resultados das consultas que precisamos fazer nos serviços de dados de nossos aplicativos e que podem retornar mais resultados do que queremos que o usuário veja na primeira instância.

Paginando os dados podemos facilitar a navegação e também aumentar a velocidade de nossa aplicação, já que não é o mesmo para nossos propósitos carregar 5.000 registros no navegador do cliente do que carregar os mesmos 5.000 de 100 em 100 e estes 100 dividem em transformar em 10 páginas de registro, isso faz com que muitas informações pareçam mais gerenciáveis.

1. Tipos de Paginação


A fim de estabelecer como vamos trabalhar com Backbone.Paginator, devemos primeiro conhecer o tipos de paginação que podemos enfrentar, desta forma podemos estabelecer como devemos agir quando estamos desenvolvendo nossa solução:

Solicitar um serviço de dadosEste tipo de paginação permite consultar apenas a quantidade de dados que cada página aceita de um serviço web, por exemplo um API, o problema surge quando incorporamos mais parâmetros, como ordem, persistência da consulta, etc. No entanto, é uma boa maneira de descarregar a capacidade de processamento do servidor que nos fornece os dados.

Paginação extra do lado do clienteNesse estilo de paginação, o que fazemos é trazer um conjunto de dados maior que o solicitado por cada página, desta forma do lado do cliente podemos paginar com blocos menores e obter mais velocidade já que temos os demais dados em nosso poder.

Paginação infinitaEste tipo de paginação permite carregar os resultados à medida que o utilizador avança, após um determinado limite colocamos um botão para ver mais, desta forma não se sente limitado pelo número de páginas, este estilo de paginação é muito visto no redes sociais como o Facebook.

2. O que o Backbone.Paginator nos oferece?


Oferece-nos uma série de ferramentas que nos permitem alcançar qualquer um dos 3 estilos de paginação descritos acima, também nos oferece ajuda para posicionar visualmente os elementos como vemos na imagem seguinte:

PROLONGAR

3. Inicialização


Backbone.Paginator deve ser aplicado a uma coleção de dados, isso também nos oferece dois métodos para cobrir os diferentes tipos de paginação.

Backbone.Paginator.requestPagerUsamos esse método para cobrir as consultas que podemos fazer em um serviço de dados, como uma API.

Backbone.Paginator.clientPagerUsamos este método quando queremos fazer paginação adicional no cliente, por exemplo a API retornou 100 registros e com este método dividimos em páginas de 10 registros no cliente desta forma a passagem entre as páginas não está condicionada a consultas adicionais .

Como podemos ver, essas ferramentas são bastante úteis na construção de nossas aplicações, já que podemos pensar na interface do usuário não apenas como a parte estética, mas também terá funcionalidades que facilitam a vida.

Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo

Você vai ajudar o desenvolvimento do site, compartilhando a página com seus amigos

wave wave wave wave wave