With an Ember.Select view like: {{view Ember.Select viewName=select contentBinding=view.noseNames prompt=Add a Nose: selectionBinding=view.noseToAdd }}

Question

0

Asked: June 4, 20262026-06-04T22:52:04+00:00 2026-06-04T22:52:04+00:00

With an Ember.Select view like: {{view Ember.Select viewName=select contentBinding=view.noseNames prompt=Add a Nose: selectionBinding=view.noseToAdd }}

0

With an Ember.Select view like:

{{view Ember.Select viewName="select"
    contentBinding="view.noseNames"
    prompt="Add a Nose:"
    selectionBinding="view.noseToAdd" 
}}

When the user selects a nose to add, I’d like to reset the Ember.Select back to the prompt. How do I do that? I’ve tried set(‘noseToAdd’ null), but it just sets the Select to a blank item.

A full JSFiddle showing the question:

http://jsfiddle.net/tyH8L/4/

Handlebars:

<script type="text/x-handlebars">
    {{#view App.PickANose}}                    
        {{view Ember.Select
            contentBinding="view.noseNames"
            prompt="Add a Nose:"
            selectionBinding="view.noseToAdd" 
        }}
    {{/view}}

    Picked Noses:
    {{#each App.noses}}{{this}}, {{/each}}
</script>

JavaScript:

App = Ember.Application.create({
    noses: []
});

App.PickANose = Ember.View.extend({
    noseNames: ['broken', 'roman', 'hawkish', 'aquiline'],
    noseToAdd: null,
    aNoseWasPicked: function () {
        if (Ember.none(this.get('noseToAdd'))) return;

        var noseToAdd = this.get('noseToAdd');
        App.get('noses').pushObject(noseToAdd);

        // HERE IS THE QUESTION:
        // How do I return the select back to "Add a nose:" ?
        // The following doesn't work in the latest EmberJS
        this.set('noseToAdd', null);                
    }.observes('noseToAdd')
});