Question

I’m trying to get some data out my templates to, let’s say, add an user.

This is what my view object looks like:

Ember.View.create({
    template: Ember.Handlebars.compile( UsersIndexTemplate ),
    addUser: function() {
        var value = $('#my-awesome-input').val();
    }
})

In theory I got my value already with jQuery, but is this the preferred way to go?

Answer 1

You should use bindings to bind the values in your template to properties on your view, see an example http://jsfiddle.net/pangratz666/uuvAp/:

Handlebars:

<script type="text/x-handlebars" data-template-name="my-template" >
    <!-- bind value of TextField to property username of view -->
    Username: {{view Ember.TextField valueBinding="view.username"}}
    <button {{action addUser}}>addUser</button>
</script>​

JavaScript:

Ember.View.create({
    templateName: 'my-template',
    addUser: function(event){
        var username = this.get('username');
        console.log('add user with name: %@'.fmt(username));
    }
}).append();