如何在使用選項對象時設置Ember.js選擇視圖的值？

Question

我遇到了一些麻煩，弄清楚如何在使用對象而不是字符串時如何獲取Ember的select視圖來更新dom。這個例子的行爲我怎麼會想到：

http://jsfiddle.net/XZ9b7/

只使用值的字符串數組，通過點擊按鈕，設置綁定的屬性值設置爲一個新的值將自動更新DOM和下拉菜單設置爲相同的價值。

當使用本示例中的對象但是：

http://jsfiddle.net/pRBKt/

我試圖綁定屬性的值設置爲ID，價值和選擇對象本身的副本，我不能讓它以影響選擇視圖。使用對象的選項時，

我只是需要一種方法來設置一個選擇瀏覽的價值

Answer 1

我在你的提琴添加了其他按鈕：

<div><button onclick="App.someObject.set('letterSelection', App.someOptions.objectAt(0));">real a</button></div> 

http://jsfiddle.net/Sly7/BYjk6/#base

我認爲你必須使用相同的對象，但不是副本。所以在你的情況下，你必須從綁定到Ember.Select的content屬性的數組中取出對象。

編輯：jsfiddle使用#each和{{action}}。我認爲它會清理模板和代碼。

http://jsfiddle.net/Sly7/sCr8T/

<script type="text/x-handlebars"> 
    {{view Ember.Select 
    contentBinding="App.someOptions" 
    selectionBinding="App.someObject.letterSelection" 
    optionLabelPath="content.val" 
    optionValuePath="content.id" 
    }} 
    {{App.someObject.letterSelection.val}} 
    {{#each option in App.someOptions}} 
    <div> 
     <button {{action "updateSelection" target="App.someObject" context="option"}}>{{option.val}}</button> 
    </div>   
    {{/each}} 
</script> 

的JavaScript：

window.App = Ember.Application.create(); 

App.someObject= Ember.Object.create({ 
    title: "Some Title", 
    letterSelection: null, 

    updateSelection: function(event){ 
    var newSelection = event.context; 
    this.set('letterSelection', newSelection); 
    } 
}); 

App.someOptions = [ 
    {'id':'id_a','val':'a'}, 
    {'id':'id_b','val':'b'}, 
    {'id':'id_c','val':'c'}, 
    {'id':'id_d','val':'d'} 
];