Ember链接到模型中的下一个对象

时间:2013-10-17 10:52:26

标签: javascript ember.js

http://emberjs.jsbin.com/aGUguJA/10

使用bloggr示例我构建了一个帖子列表和一个帖子视图,我已经为帖子模板添加了2个动作,上一个和下一个。

App.PostController = Ember.ObjectController.extend({

   actions:{
        next: function(){
            //Go to next object in a model
          },
        prev: function(){
            //Go to previous object in a model
          }}
});

我无法弄清楚如何使Previous和Next工作。我有一种强烈的感觉,我需要使用ArrayController,但我仍然不知道从那里去。

2 个答案:

答案 0 :(得分:2)

一个简单的解决方案是在帖子对象中添加两个字段/变量,即

{
    id: '1',
    title: "Object 1",
    author: { name: "Awesome Person 1" },
    date: new Date('01-01-2013'),
    excerpt:"Lorem ..",
    body:"Lore.."
    next:2,
    prev:null

}

因此,您要么在数据中提供此信息,要么创建从数据中实现的App.Post对象,并编写一个简单的迭代来填充App.PostsRou​​te的模型部分中的字段。 然后,您可以相应地修改模板,并从下一个和上一个按钮的链接传递对象或ID。

看一个有效的例子, http://emberjs.jsbin.com/OxajiVi/1/

修改 以下示例使用Ember类和对象来演示解决方案,以创建链接列表,json数据中没有上一个和下一个字段,并且直接访问帖子时也可以使用

http://emberjs.jsbin.com/uWAmUba/1

答案 1 :(得分:-2)

这可能会有所帮助:

<button {{action "next"}}>Next</button>