我想在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);
}
但是我无法管理“ - ”功能;因为我需要得到我点击的按钮属于的视图,以便删除它,我不知道该怎么做; 所有的子视图都可以有一个控制器?因为从子视图的按钮我只能从路径的控制器调用动作;
或者有更好的方法来实现这项工作?
答案 0 :(得分:2)
所以在这种情况下,在子视图中有一个动作而不是像这样的控制器
<button class="form-button" {{action "deleteProduct" target="view"}}>-</button>
在视图中,动作像这样处理deleteProduct
deleteProduct: function() {
this.destroy();
}
如果要处理任何模型部件,请将上述方法中的事件发送到控制器