兄弟itemControllers

Question

我有类似下面的代码在我的模板：

{{#each items itemController="item"}}

有没有什么办法让引用同级itemController S中itemController S的一个实例内？

Answer 1

我在删除这个答案，因为回想起来，虽然它在技术上是正确的，但并不是正确的。

Answer 2

您需要将有关具有特定状态的孩子的信息存储在父控制器中。看一个例子

App.Child = Ember.ObjectController.extend({ 
    isEdited: false, 

    actions: { 
     toggleEditingMode: function() { 
      old = this.get('parentController.currentlyEditing'); 

      if(typeof old !== "undefined" && old != this) { 
       old.set('isEdited', false); 
      } 

      this.set('parentController.currentlyEditing', this); 
     } 
    } 
}); 

Answer 3

项目控制器很快消失（见here并搜索itemController）。我会建议你做，而不是你的用例是创建一个组件，如下所示：

App.XItemComponent = Ember.Component.extend({ 
    classNames: ['item'], 

    actions: { 
    startEdit: function(){ 
     this.set('beingEdited', true); 
     this.set('disallowEdits', true); 
    }, 
    finishEdit: function(){ 
     this.set('beingEdited', false); 
     this.set('disallowEdits', false); 
    } 
    } 
}); 

<script type="text/x-handlebars" data-template-name="components/x-item"> 
    {{ item }} 
    <button {{ action "startEdit" }} {{ bind-attr 
    disabled=disallowEdits}}>Edit</button> 
    {{#if beingEdited}} 
    <button {{ action "finishEdit" }}>Save</button> 
    {{/if}} 
</script> 

disallowEdits是一个属性，组件将与所有其他组件共享（通过在成分为模板的控制器创建）和beingEdited是不与任何人共享的本地组件属性。

然后，您可以使用该组件的模板里面如下：

<script type="text/x-handlebars" data-template-name="index"> 
    <ul> 
    {{#each item in model}} 
     <li>{{x-item item=item disallowEdits=disallowEdits }}</li> 
    {{/each}} 
    </ul> 
</script> 

全部工作示例here