ember.js - 单击其他元素时如何获取 EmberJS 视图的句柄

Question

http://jsfiddle.net/maxl/aShMQ/4/

我在模板中声明了内联的 Ember.TextField，模板内部是一个具有回调的按钮。我希望能够在单击时设置 TextField.enabled=true。由于模板是集合中的一个元素，所以不可能使用绝对路径

单击 JsFiddle 示例中的编辑图标应该说明我所追求的

http://jsfiddle.net/maxl/aShMQ/4/

Answer 1

只需将disabledTextfield 的 绑定到您的属性itemView，请参阅http://jsfiddle.net/pangratz666/gXLXW/：

{{view Ember.TextField disabledBinding="isDisabled" valueBinding="content.v"}}

App.Items = Ember.CollectionView.create({
    itemViewClass: Ember.View.extend({
        templateName: 'itemView',
        isDisabled: true,
        __edit: function(evt) {
          this.toggleProperty('isDisabled');
          console.log(evt.get('content'))
        }
    })
});

Answer 2

上面的 pangratz 示例不适用于 ember 1.0 pre，因为内容作为“视图”传递给子视图。我对其进行了一些修改以使其正常工作。见http://jsfiddle.net/musashimm/T9q6R/