【问题标题】:Missing view.context or templateContext in an Ember event handlerEmber 事件处理程序中缺少 view.context 或 templateContext
【发布时间】:2012-07-30 21:15:42
【问题描述】:

我正在尝试将填充视图的对象推送到数组中,但引用不知何故丢失了。我有一个 Ember 视图,定义了 eventManager:

FrontLine.NewProductButton = Em.View.extend({
    tagName: 'button',
    classNames: ['addtl_product',],
    templateName: 'product-button',
    eventManager: Ember.Object.create({
        click: function(event, view) {
            FrontLine.ProductsController.toggleProductToCustomer(event, view);
        }
    })
})

该视图使用#each 帮助器渲染了一组按钮,这些按钮使用来自ProductsController 中的对象的属性进行渲染。那部分效果很好。当我点击这些按钮中的任何一个时,点击事件就会触发并执行我要求的任何操作,包括成功调用我从ProductsController 指定的处理程序函数 (toggleProductToCustomer):

FrontLine.ProductsController = Em.ArrayController.create({
    content: [],
    newProduct: function(productLiteral) {
        this.pushObject(productLiteral);
    },
    toggleProductToCustomer: function(event, view){
        FrontLine.CustomersController.currentCustomer.productSetAdditional.pushObject(view.context);    
    }
});

我正在尝试使用该函数将其属性填充该视图的对象推送到数组中。我的应用程序中的另一个地方(一个简单的搜索字段),使用pushObject(view.context) 非常好用。然而,在这里,所有被推入数组的是undefined。我尝试改用view.templateContext,但这并没有更好的效果。当我尝试从这些函数中 console.log-ing 按钮的 view 对象时,我得到了我所期望的:

<(subclass of FrontLine.NewProductButton):ember623>

view.contextview.templateContext 都返回undefined。如何访问我所追求的对象,以便将其添加到我的数组中?

【问题讨论】:

  • 如果你使用 get() 函数而不是直接访问你的属性会发生什么?
  • get() 对于 Ember 来说绝对是必不可少的,但是您将如何在 view.context 上使用它,因为这就是我无法访问的内容?
  • view.get('context') 不起作用?也许我只是不明白
  • 不,它没有/没有。见答案。

标签: javascript model-view-controller ember.js dom-events


【解决方案1】:

简单的答案是一个字母的区别:

view.content

或:

view.get('content')

在特定情况下提供源对象,而不是view.context

(到目前为止,我对 Ember 的唯一真正挑战是对象和属性的访问器因情况而异,并且没有真正的文档。有时对象位于 view.context,有时位于 view.content , 有时是 _parentView.content 等等等等。如果有一个图表有无数种不同的语法来访问相同的数据,这将是很棒的,这取决于你要通过哪个特定的光圈来获取它。我还在发现他们...)

【讨论】:

  • 你能用模板和js代码发布你的代码的jsfiddle吗?通常,您可以使用 event.context 从事件中检索上下文对象。但你是对的,要知道上下文的来源并不总是那么容易。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多