用户操作的渲染视图（单击）

Question

当我调用fetch（）时，我收到多个models @ client端。起初，我可以在模板中显示第一个模型。现在我想要的是，在按钮单击事件中，我需要在同一个模板中显示第二个模型&等等。

我已经试图在这里解释我的问题Backbone.js [ Rendering a view on a click./user action ] ..但我猜想它的误解。

Answer 1

这是我做到的。假设模型是一个集合。这是在CoffeeScript中，但你应该得到的想法：

class Diary.Views.Entries extends Backbone.View 
    tagName: 'div' 
    template: JST["backbone/templates/entry_index"] 

    events: 
    "click": "render_next" 

    initialize: -> 
    @model.bind("reset", @render) 

    render: => 
    $(@el).html(@template(@model.toJSON())) 
    @show_index = -1 
    @render_next() 
    this 

    render_next: => 
    @show_index++ 
    return if @model.length <= @show_index 
    @render_item @model.at(@show_index) 

    render_item: (item) => 
    new_view = new Diary.Views.Entry(model: item) 
    $(@el).find("#list").append(new_view.render().el)