Backbone.js - Paginator

Páteř. Paginátor Je to sada nástrojů, metod a formulářů, které nám umožňují stránkovat výsledky dotazů, které potřebujeme na datové služby našich aplikací a které mohou vracet více výsledků, než chceme, aby uživatel v první instanci viděl.

Stránkováním dat můžeme usnadnit navigaci a také zvýšit rychlost naší aplikace, protože pro naše účely není totéž načíst 5 000 záznamů do klientského prohlížeče, než načíst stejných 5 000 ze 100 do 100 a těchto 100 je rozdělit změní na 10 záznamových stránek, díky čemuž bude mnoho informací vypadat lépe zvládnutelných.

1. Typy stránkování


Abychom zjistili, s čím budeme pracovat Páteř. Paginátor, musíme nejprve vědět typy stránkování kterým můžeme čelit, můžeme tímto způsobem stanovit, jak bychom měli jednat, když vyvíjíme naše řešení:

Žádost o datovou službuTento typ stránkování nám umožňuje konzultovat pouze množství dat, která každá stránka přijímá z webové služby, například a API, problém nastane, když začleníme více parametrů, jako je pořadí, vytrvalost dotazu atd. Je to však dobrý způsob, jak uvolnit výpočetní výkon na serveru, který nám data poskytuje.

Extra stránkování na straně klientaV tomto stylu stránkování děláme to, že přinášíme sadu dat větší, než je požadováno každou stránkou, takže na straně klienta můžeme stránkovat menší bloky a získáme větší rychlost, protože máme další data v naše síla.

Nekonečná stránkováníTento typ stránkování nám umožňuje načíst výsledky, když uživatel postupuje, po určitém limitu dáme tlačítko, abychom viděli více, takže se necítí omezený počtem stránek, tento styl stránkování je hodně vidět sítě sociální podobné Facebook.

2. Co nám Backbone.Paginator nabízí?


Nabízí nám řadu nástrojů, které nám umožňují dosáhnout některého ze 3 výše popsaných stylů stránkování, a také nám pomáhá vizuálně umístit prvky, jak vidíme na následujícím obrázku:

ZVĚTŠIT

3. Inicializace


Backbone.Paginator musí být použit na sběr dat, což nám také nabízí dvě metody pro pokrytí různých typů stránkování.

Backbone.Paginator.requestPagerTuto metodu používáme k pokrytí dotazů, které můžeme učinit proti datové službě, jako je API.

Backbone.Paginator.clientPagerTuto metodu používáme, když chceme v klientovi provést další stránkování, například API vrátilo 100 záznamů a touto metodou jsme jej rozdělili na stránky s 10 záznamy v klientovi, takže přechod mezi stránkami není podmíněn dalšími dotazy .

Jak vidíme, tyto nástroje jsou velmi užitečné při konstrukci našich aplikací, protože uživatelské rozhraní můžeme považovat nejen za estetickou část, ale bude mít také funkce, které usnadní život.

Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod

Vám pomůže rozvoji místa, sdílet stránku s přáteli

wave wave wave wave wave