需要在Ember Select中添加自定义选项

时间:2013-06-06 19:47:09

标签: javascript ember.js handlebars.js

如何在Ember Select(带有optgroups)的提示后包含自定义选项(例如,快速创建)? 例如:我希望我在ember select中的选项看起来像这样:

Select
Add
Group1
 Option1
 Option2
Group2
 Option1
 Option2
...
...

1 个答案:

答案 0 :(得分:0)

Ember select目前不支持选项组(http://emberjs.com/api/classes/Ember.Select.html),但对于“添加”问题,您可以在选择值绑定到的任何属性上添加观察者,并检查所选选项是否为“add” ”

无法让jsfiddle与车把atm玩得很好,但它可能看起来像......

车把

{{view Ember.select contentBinding="App.options"
       valueBinding="App.Model.value"
       prompt="Select"}}

JS

var model = Em.Object.extend({
    value: '',
    valueObserver: function(){
        if(this.get('value') === 'Add')
            // add logic goes here
    }.observes('value')
});