Parse.com：如何对 Parse.Query 的结果进行分页？

Question

目前，我正在使用 Javascript Parse.Object.extend 查询结果，并使用 underscoreJS 将这些结果模板化到一个列表中。

这是查询 Parse Object 并将对象添加到 Underscore 模板的代码。

var Assignment = Parse.Object.extend("Assignments");
var query = new Parse.Query(Assignment);
query.descending('updatedAt');  

query.find({
    success: function(results) {
        console.log("Success");
            var tableTemplate = $("#list-template").html();
$("#assignmentdisplay").html(_.template(tableTemplate,{results:results}));

    },
    error: function(error) {
        alert("Error: " + error.code + " " + error.message);
    }
});

这是下划线模板。

<script type="text/html" id='list-template'>
                <% _.each(results,function(result){ %>
            <li id="list-group-item">
        <h4 class="list-group-item-heading"><%= result.get("Title") %></h4>
                    <p class="list-group-item-text"><%= result.get("Content") %></p>
                    <p class="list-group-item-text"><%= result.get("Categories") %></p>
                    </li>
    <% }) %>

</script>

但是，我不明白如何在 Parse 和 Underscore 中对结果进行分页。

我已经尝试过backbone paginator，但我对 Backbone 不是很好，我只是不明白如何将它与 Parse 查询结合使用。

如果我必须使用其他模板解决方案，或者除了主干分页器之外的其他分页解决方案，也可以。任何事情都会有所帮助，我对这个分页很感兴趣。

编辑：

Parse.com 有skip() 和limit()，不知怎的，据说这很有用，但我不知道如何实现。

Answer 1

这里只是一个抽象的分页示例。应该说明这个概念，您可以根据自己的具体情况对其进行调整。

// Set the current page number usually zero works great to start
// This is an arbitrary ex. but this value will come from your page (e.g. link etc.)
var page = 0;

// How much you want on a page
var displayLimit = 50;

// Get the count on a collection
var count;
myCollection.count().then(function(result){ count = result; });

// Your query
var Assignment = Parse.Object.extend("Assignments");
var query = new Parse.Query(Assignment);
query.descending('updatedAt');
query.limit(displayLimit);
query.skip(page * displayLimit);
// So with this above code, on page 0, you will get 50 results and skip 0 records.
// If your page var is 1, you'll skip the first 50 and get 50 results starting at 51
// So on so forth...
query.find()...

因此，您的链接可以以某种方式将页面数据编码在其中，当您单击它时，您的函数将知道要跳转到哪个页面并获取适当的页面。下一个/上一个的概念是相同的。在 Next 上，您只需执行 page++，在 Prev 上，您可以执行 page--。

希望这会有所帮助。

编辑：

如果您想要显示 237 个作业中的第 51-100 个作业，您需要先发送.count() 以获取记录总数。

要获取起始编号，只需像 (page * displayLimit) + 1 要获取结束编号，请记住，如果您在最后一页，您可能没有完整的 50 条记录或任何您的 displayLimit 。