Question

I’m trying to push the object that populated a view into an array, but the reference is somehow getting lost. I’ve got an Ember view, with a defined 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);
        }
    })
})

That view renders a bunch of buttons that are rendered with properties that come from objects in the ProductsController using the #each helper. That part works great. And when I click on any of those buttons, the click event is firing and doing whatever I ask, including successfully calling the handler function (toggleProductToCustomer) I’ve designated from my ProductsController:

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

I’m trying to use that function to push the object whose properties populated that view into an array. Another place in my app (a simple search field), that works perfectly well, using pushObject(view.context). Here, however, all that gets pushed into the array is undefined. I tried using view.templateContext instead, but that doesn’t work any better. When I try console.log-ing the button’s view object from inside those functions, I get what I’d expect:

<(subclass of FrontLine.NewProductButton):ember623>

But either view.context or view.templateContext return undefined. How do I access the object I’m after, so I can add it to my array?

Answer 1

The simple answer is that it was one letter’s difference:

view.content

or:

view.get('content')

provides the source object in that particular situation, rather than view.context.

(My only real challenge with Ember so far is that accessors for objects and properties vary so much from situation to situation, and there’s no real documentation for that. Sometimes the object is at view.context, sometimes it’s at view.content, sometimes _parentView.content, etc., etc. It would be awesome if there were a chart with the umpteen different syntaxes for accessing the same data, depending on which particular aperture you’re reaching through to get it. I’m still discovering them…)