2013-07-29 50 views
0

我正在使用包含選擇視圖修改以提供選項組的Ember的最新版本。除了我似乎無法設置默認值之外,它工作正常。如何在分組模式下使用Ember.Select設置默認選擇?

我有一個的jsfiddle這裏:http://jsfiddle.net/csprocket777/Ja77Z/

鑑於上面的小提琴,我將如何設置默認值?

我插入的jsfiddle這裏的代碼:

HTML

<script type="text/x-handlebars"> 
    {{view Ember.Select 
     contentBinding=filterValues 
     optionLabelPath="content.label" 
     optionValuePath="content.id" 
     optionGroupPath="group" 
     selectionBinding=selectedFilterOption 
    }} 
</script> 

的Javascript

App = Ember.Application.create(); 

App.ApplicationController = Ember.ArrayController.extend({ 
    selectedFilterOption: Ember.Object.create({ 
       label: "File Type", 
       id: "urltype", 
       group: "By Attributes" 
      }), 
    filterValues:function(){ 
     var ret = [ 
      Ember.Object.create({ 
       label: "Unfiltered", 
       id: "id", 
       group: "By Attributes" 
      }), 
      Ember.Object.create({ 
       label: "Alphabetical", 
       id: "label", 
       group: "By Attributes" 
      }), 
      Ember.Object.create({ 
       label: "File Type", 
       id: "urltype", 
       group: "By Attributes" 
      }), 
      Ember.Object.create({ 
       label: "Title", 
       id: "title", 
       group: "By Value" 
      }), 
      Ember.Object.create({ 
       label: "Order", 
       id: "order", 
       group: "By Value" 
      }) 
     ]; 

     return ret; 
    }.property() 
}); 
+0

我想這可能是一個問題 – selvagsz

回答

0

所有你需要做的是建立valueEmber.Select,例如:

<script type="text/x-handlebars"> 
{{view Ember.Select 
    contentBinding=filterValues 
    optionLabelPath="content.label" 
    optionValuePath="content.id" 
    optionGroupPath="group" 
    selectionBinding=selectedFilterOption 
    value="title" 
}} 
</script> 

如果您願意,它可以是valueBinding

+0

這工作。我還發現,如果您將selectionBinding設置爲您想要作爲默認valueBinding的對象,它將無法工作。可能只是我正在做的一個怪癖。 – Chuck

+0

我也更新了這個jsFiddle以防萬一需要。 http://jsfiddle.net/Ja77Z/2/ – Chuck

+0

也許你的selectionBinding是一個字符串,應該是整數 - 我浪費了幾個小時,直到我注意到這是問題:)我知道這只是猜測,但它可能是問題的原因,所以值得檢查。 –

相關問題