Backbone：绑定不会绑定

Question

刚刚开始使用主干，我认为我熟悉有关数据绑定的所有注意事项。事实证明我不是。如果有人对为什么以下集合没有绑定到 IndexView 有任何想法，我将非常感激。 （已在浏览器和 Chrome 控制台中手动尝试...未触发的 console.log 调用确认 render() 未被触发）

从控制台，尝试的调用是：

window.router.project_view.options.projects.create({name: 'TestProject'})

项目已成功创建，但没有调用 render()

路由器：

class Backbonescaffolddemo.Routers.CalendarsRouter extends Backbone.Router

  routes:
    ""           : "index"


  index: () ->

    @projects = new Backbonescaffolddemo.Collections.ProjectsCollection()
    ...
    @project_view = new Backbonescaffolddemo.Views.Projects.IndexView(projects: @projects)
    @task_view = new Backbonescaffolddemo.Views.Tasks.IndexView(tasks: @tasks)
    ...
    $('#projects').html(@project_view.render().el)

集合/型号：

class Backbonescaffolddemo.Models.Project extends Backbone.RelationalModel
  paramRoot: 'project'

class Backbonescaffolddemo.Collections.ProjectsCollection extends Backbone.Collection
  model: Backbonescaffolddemo.Models.Project
  url: '/projects'

视图：

Backbonescaffolddemo.Views.Projects ||= {}

class Backbonescaffolddemo.Views.Projects.IndexView extends Backbone.View
  template: JST["backbone/templates/projects/index"]

  id: "projects"

  initialize: () ->
    @options.projects.fetch()
    _.bindAll(this, 'addOne', 'addAll', 'render')
    @options.projects.bind('reset', @addAll)
    @options.projects.bind('save', @addAll)
    @options.projects.bind('change', @addAll)
    @options.projects.bind('change', @render)
    @options.projects.bind('create', @render)

  addAll: () ->
    @options.projects.each(@addOne)

  addOne: (project) ->
    view = new Backbonescaffolddemo.Views.Projects.ProjectView({model: project})
    $(@el).append(view.render().el)

  render: ->
    console.log 'render called'
    $(@el).html(@template(projects: @options.projects.toJSON()))
    return this

Answer 1

通过 create 或任何其他方式将模型添加到集合中，会触发该集合上的 add 事件，而不是 create 事件。更改

@options.projects.bind('create', @render)

为

@options.projects.bind('add', @render)