backbone.js - 轻量级无限滚动与backbone.js

标签 backbone.js

我看过主干中的分页 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/

相关文章:

javascript - 使用静态 HTML 文件的主干路由

node.js - Backbone 与 Express.js 通信的最佳方式

javascript - 主干.js : Is cid only used for Models

javascript - 如何将空白选项添加到 Marionette CollectionView 生成的选择中?

javascript - Backbone.js 中的集合不触发事件

javascript - 如何根据模型属性为 Backbone.js View 动态设置类名?

javascript - Node.js npm install express 无法从注册表中获取

jquery - 主干 this.el 未定义

javascript - 主干句柄字符串数组

javascript - Backbone : navigation callback