2015-12-14 2 views
5

Ich sehe heute Meteor Paginierung.Meteor: wie paginate Simple-Todos Demo?

Ich bin in diesem Repo interessiert:

https://github.com/alethes/meteor-pages

Der anfängliche Code dargestellt sieht einfach aus:

this.Pages = new Meteor.Pagination("collection-name"); 

und:

<body> 
    {{> collection-name}} 
</body> 
<template name="collection-name"> 
    {{> pages}} 
    {{> pagesNav}} <!--Bottom navigation--> 
</template> 

ich diese Demo Paginieren wollen:

https://github.com/meteor/simple-todos

Der Code Ich sehe dort vereinfacht:

Tasks = new Mongo.Collection("tasks"); 

if (Meteor.isServer) { 
    // This code only runs on the server 
    Meteor.publish("tasks", function() { 
    return Tasks.find({})})} 


if (Meteor.isClient) { 
    // This code only runs on the client 
    Meteor.subscribe("tasks"); 
    // ... 
} 

und:

<body> 
    <ul> 
     {{#each tasks}} 
     {{> task}} 
     {{/each}} 
    </ul> 
</body> 

<template name="task"> 
    <li> 
    {{text}} 
    </li> 
</template> 

Vielleicht ist mein Gehirn ist ein bisschen langsam heute. Es ist mir nicht klar, wie man den obigen Code paginiert.

Wie verwende ich github.com/alethes/meteor-pages um den obigen Code von Simple-Todos zu paginieren?

+0

Nachdem wir die Aufgaben in minimongo einige der Standardwerte wie Elemente pro Seite usw. erklären, Filterkriterien, sortieren sollten Kriterien, bevor die entsprechende Seite Abrufen von Daten angewendet werden. Wenn die Anzahl der Datensätze zu groß ist, funktioniert der Standard-Meteor-Mechanismus über Minimongo nicht gut. Mini-Mongo eignet sich am besten für kleine Sammlungen. Verwenden Sie für große Sammlungen Server Meteor-Methoden mit denselben Kriterien. – vijayst

Antwort

0

Schon eine Weile her, seit ich Meteor-Seiten verwendet habe, aber Sie sollten einfach ersetzen Tasks = new Mongo.Collection("tasks"); mit this.Tasks = new Meteor.Pagination("tasks"); - gemeinsamen Code zwischen Client und Server.

Im Prinzip erstellt Meteor-Seiten nur einen Wrapper um eine Mongo-Sammlung und wendet Such- und Filterkriterien an.

Wenn Sie mit coffeescript vertraut sind, stellen Sie sicher, ihre /examples Verzeichnis im Repo zu überprüfen.

Außerdem werden die Einstellungen https://github.com/alethes/meteor-pages#settings helfen