2012-06-02 24 views
2

隨着Ember.Select查看等:在Ember.Select視圖中,如何在綁定項目更改後顯示提示?

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

當用戶選擇一個鼻子來添加,我想在Ember.Select重置回提示。我怎麼做?我試過set('noseToAdd'null),但它只是將Select設置爲一個空白項目。

一個完整的jsfiddle示出了一個問題:

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


把手

<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') 
});​ 
+0

什麼是你的'noseNames' loook什麼樣的?你能發佈一個完整的例子,因爲你的小提琴是空的... – pangratz

+0

哎呀,我忘了更新。將重寫這個例子。 – Seth

+1

@pangratz http://jsfiddle.net/tyH8L/4/,對不起'布特 – Seth

回答

相關問題