Question

Its been a long day and this is probably extemely simple but how do i add a name attribute to a Ember.TextField ?

I want to do something like this :

{view Ember.TextField valueBinding="your_name" placeholder="Your name" name="your_name"}}

This works with the placeholder but ignores the name.

Any ideas ??

thanks
Rick

Answer 1

The name attribute is not bound by default, see

As a workaround, you could create your own TextField, see http://jsfiddle.net/fkPzr/

App.TextField = Ember.TextField.extend({
    init: function() {
        this._super();
        // get attributeBindings and add 'name'
        var attributeBindings = this.get('attributeBindings');
        attributeBindings.pushObject('name');
        this.set('attributeBindings', attributeBindings);
    }
});

---

​UPDATE:

Since attributeBindings is declared as a concatenated property* the TextField can be simplified, see http://jsfiddle.net/cRhcg/:

App.TextField = Ember.TextField.extend({
    attributeBindings: ['name']
});

*a concatenated property does not override the property of an extended object but the existing values from the super object are concatenated. Makes sense? Here’s an example