javascript - backbone.js 中的父 subview 困境

Question

让父 View 用 UI 元素装饰 subview 是个好主意吗？实现此目的的主要方法是什么？

例如，我有一个 PhotoView 实例，它代表 JPEG 以及一些悬停时出现的操作按钮。此 PhotoView 封装在 PhotoDetailsView 中，其中添加了 Google Maps map 和其他一些内容。

我想向照片添加编辑操作。问题是:如果我把它放在 PhotoView 上，那么 edit 函数回调应该简单地触发一个事件，因为它实际上是 PhotoDetailsView ，它必须处理编辑操作。另一方面，如果我让父 View 将此 UI 按钮添加到 subview 中，这也不是一个选项，因为父 View 必须知道 subview 的确切 UI 结构。无论如何，他们之间似乎存在一种令人讨厌的依赖关系，我想摆脱这种依赖关系。

如何解决这个困境？

Answer 1

如果您的PhotoView元素是您的 PhotoDetailsView 的子元素，在我看来你应该有你的 edit按钮作为 PhotoView 的一部分，但请对您的 PhotoDetailsView 采取行动。与 <button class="edit">Edit</button>在你的PhotoView中的某个地方模板，这应该在您的 PhotoDetailsView 中:

events: {
  "click .edit": "editPhoto"
},
editPhoto: function(event) {
  // Something something
}

这样，您的父 View 需要了解 subview 的所有信息就是它具有类 edit 的可点击内容。 .