javascript - ember.js 从另一个 View 更改 View

Question

我有一个显示 View ，显示列表中的选定项目。然后，当我点击编辑按钮时，它会通过 {{#if isEditing}} 显示编辑 View

当我单击列表中的另一个项目时，显示 View 会更改为新的选定项目，但仍处于 isEditing 状态。

如何从另一个 View 更改一个 View 的 isEditing 状态？

目前，我已使用将 isEditing 设置为 false 的 FocusOut 函数完成此操作，但我在此 View 中有 2 个文本字段，因此当我单击另一个文本字段时，它也会触发 focusOut 函数。

这一定很简单，但似乎无法弄清楚!

Answer 1

好问题。我认为您需要做一些比简单绑定(bind)更复杂的事情来驱动 App.SelectedItemView 的内容。 .我会尝试另一个计算属性:

App.SelectedItemView = Ember.View.extend({
  isEditing: false,
  content: function() {
    var selectedItem = App.SelectedItemController.get('content');
    this.set('editingItem', false);
    return selectedItem;
  }.property('App.SelectedItemController.content'),
});

关于计算属性的技巧是您可以完成与简单绑定(bind)相同的事情，但您也可以添加自定义代码以在观察值更改时执行(例如在本例中有条件地将 editingItem 设置为 null) .计算属性的缺点是进行双向绑定(bind)有点复杂(例如，在这种情况下，每当 App.SelectedItemController.content 更改时设置 App.SelectedItemView.content)——但听起来您不需要这样做无论如何。