6
votes

Défilement infini léger avec dorsale.js

J'ai regardé la pagination dans l'épine dorsale https://gist.github.com/838460 , et tout semble très lourdes pour ce que je cherche.

Je veux faire une pagination d'un type de défilement infini, et je suis nouveau dans la dorsale, alors peut-être que je ne le limite pas correctement.

Qu'est-ce que je pensais que je ferais, c'est obtenir la première collection, cliquez sur un bouton "Suivant" et obtenez les résultats et simplement annoncez-le à la collection d'origine et à rendre les articles nouvellement ajoutés.

donc j'ai ceci dans mon routeur, j'ai une fonction d'index xxx

qui créera la collection si elle n'existe pas, et si elle le fait Il existe, incrémentez la «page» avant de demander les éléments suivants de la liste.

Donc, la première partie de ma question est: y a-t-il quelque chose de mal avec cette façon de faire des choses ?? Semble beaucoup plus simple que les autres solutions que j'ai vues.

question n ° 2 semble ridicule, mais comment puis-je alors déclencher le bouton "Suivant" pour obtenir la liste suivante ??

à mon avis, j'ai un bouton "Suivant", mais appeler myapp.routers.list.index ou myApp.views.views.views ne me donne pas une liste mise à jour.


0 commentaires

7 Réponses :


3
votes

Il est normal que myapp.routers.list.index () ne fonctionne pas s'il y a la déclaration du routeur, vous devez appeler l'instance du routeur. Il y a beaucoup de choses à dire et Je pense que la meilleure explication est de voir le code de code et si vous le souhaitez, apprenez le code . .

J'ai créé une liste infinie avec un bouton "plus" pour ajouter des modèles sur la liste avec l'utilisation de votre code. La démo est sur Nodejitsu ici: http://infinite-scroll.eu01.aws.af.cm /

Vous pouvez afficher le code complet (client et serveur) sur mon gist sur github: https: //gist.github .COM / 1522344 ( J'ai ajouté un commentaire pour expliquer comment utiliser les fichiers )


4 commentaires

Merci d'avoir traversé tout ce travail @Atinux, je pense avoir une bien meilleure compréhension maintenant. Et de votre réponse, je suppose qu'il n'y a rien de mal à le faire de cette façon? Cela semble beaucoup plus clair que les autres méthodes que j'ai vues.


Je ne pense pas qu'il y a quelque chose de mal de cette façon. S'il y a une meilleure pratique pour le faire, merci de me le faire savoir. Dans mon esprit, le moyen le plus simple est le meilleur, pour le code et pour l'utilisateur.


Tout comme vous le savez, le lien Nodejitsu est cassé.


Le lien vers l'exemple est cassé.



2
votes

Voici une implémentation légère https://github.com/joneath/infiniscoll.js < / p>


1 commentaires

Ce plugin est génial! Simple et bien écrit.



1
votes

0 commentaires

0
votes

0 commentaires


1
votes

J'ai créé une étendue de backbone.collection pour faciliter l'utilisation: xxx

Vous pouvez voir la mise en œuvre à https://gist.github.com/mcspring/7655861


1 commentaires

À un moment donné, ce gist va mourir. Nous préférons si vous mettez le code directement dans votre réponse, comme je l'ai fait ici. Cela empêche cela de partir lorsque votre gist le fait.



0
votes

Consultez le Backbone Infinite Scroll

Il est basé sur un seul modèle et une vue unique.

Voici un site de démonstration


0 commentaires