添加和删​​除视图

时间:2014-03-21 03:24:03

标签: ember.js

我想在DOM中插入一个显示带有2个按钮的表单的视图:+和 - ; 当您单击“+”时,会插入另一个相同的视图,当您按“ - ”时,将删除当前视图;

我尝试创建容器视图,添加视图的功能很简单: 在模板中:

{{view Ember.ContainerView elementId="containerView"}}
在childView的模板中

<button class="form-button" {{action "addProduct"}}>+</button>

在路线的控制器中:

 addProduct: function() {
        var container = Ember.View.views['containerView']; 
        var child = container.createChildView(Gmcontrolpanel.InserisciProdottoView);
        container.pushObject(child);

    }

但是我无法管理“ - ”功能;因为我需要得到我点击的按钮属于的视图,以便删除它,我不知道该怎么做; 所有的子视图都可以有一个控制器?因为从子视图的按钮我只能从路径的控制器调用动作;

或者有更好的方法来实现这项工作?

1 个答案:

答案 0 :(得分:2)

所以在这种情况下,在子视图中有一个动作而不是像这样的控制器

<button class="form-button" {{action "deleteProduct" target="view"}}>-</button>

在视图中,动作像这样处理deleteProduct

deleteProduct: function() {
   this.destroy();
}

如果要处理任何模型部件,请将上述方法中的事件发送到控制器