在多个视图中触发事件

Question

我正在使用 Backbone.js 构建一个应用程序，它现在有两个视图：一个 IndexView 和一个 QuizPartial。 IndexView 呈现页面的大部分（一些图表等），并且它包含许多 QuizPartials。我的问题是，当用户单击其中一个部分中的“删除”链接时，应删除该部分并销毁相应的模型，而 IndexView 则呈现一个按钮来创建新的测验。但是，我无法让 IndexView 响应该事件。

代码：

class QuizPartial extends Backbone.View
  tagName: "div"
  className: "quiz"
  events:
    "click a.delete": "delete_quiz" # Works fine

  initialize: -> @render()

  delete_quiz: ->
    if confirm "Are you sure you want to delete this test?"
      $(@el).remove()
      @model.destroy()
    false

然后是索引视图：

class IndexView extends Backbone.View
  tagName: "div"
  id: "quizzes_index"
  events:
    "click .quiz a.delete": "render_new_quiz_button" # Never fires

  initialize: -> @render()

  # etc...

我应该做些什么不同的事情吗？

谢谢！

Answer 1

实际的 UI 事件是在测验视图中完成的。您正确地删除了元素并销毁了模型。现在您有两个选择：

• 让您的 IndexView 侦听测验集合上的“删除”事件。
• 从测验视图触发新事件以通知正在收听的人