我看过主干中的分页 https://gist.github.com/838460 ,而且对于我正在寻找的东西来说,这一切似乎都非常严厉。
我想做一个无限滚动类型的分页,而且我是主干的新手,所以也许我只是没有正确理解它。
我以为我会做的是获取第一个集合,单击“下一步”按钮,然后获取结果并将其附加到原始集合并呈现新添加的项目。
所以我在我的路由器中有这个我有一个索引功能
如果(!myApp.list){
myApp.list = 新的 myApp.collections.list;
myApp.list.page = 1;
} 别的 {
myApp.list.page++;
}
myApp.list.url='/recipes?page='+myApp.list.page;
myApp.list.fetch({
添加:真实,
成功:函数(){
new myApp.views.list({ collection: myApp.list});
},
错误:函数(){
new Error({ message: "加载文档时出错。"});
}
});
如果集合不存在,它将创建集合,如果存在,则在请求列表中的下一个项目之前增加“页面”。
所以我问题的第一部分是,这种做事方式有什么问题吗??似乎比我见过的其他解决方案简单得多。
问题#2 似乎很荒谬,但是我如何触发“下一步”按钮来获取下一个列表?
在我看来,我有一个“下一步”按钮,但是调用 myApp.routers.list.index 或 myApp.views.list 并没有给我一个更新的列表。
最佳答案
myApp.routers.list.index()
很正常如果有Router的声明就不行,需要调用router的实例。
有很多话要说和我认为最好的解释是看代码工作,如果这是你想要的,学习代码 .
我创建了一个带有“更多”按钮的无限列表,以使用您的代码在列表中添加模型。演示在 nodejitsu 上:http://infinite-scroll.eu01.aws.af.cm/
您可以在 GitHub 上的我的要点上显示完整的代码(客户端和服务器):https://gist.github.com/1522344 (我添加了一条评论来解释如何使用这些文件)
关于backbone.js - 轻量级无限滚动与backbone.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8638828/