Может ли DataList использоваться с ember.js выбрать

Question

ember.js 1.0

Я использую ember.js список выбора, и было интересно, если можно использовать вместо обычного

<input type=text list=browsers> 
<datalist id=browsers> 
    <option value="Firefox"> 
    <option value="IE"> 
    <option value="Chrome"> 
    <option value="Opera"> 
    <option value="Safari"> 
</datalist> 

Answer 1

datalist является стандартным HTML, поэтому вы можете использовать его внутри Ember (для браузеров, поддерживающих datalist). Единственный реальный трюк заключается в том, что родной компонент Ember input не проходит через атрибут list, чтобы вы могли подключить datalist. К счастью, очень легко расширить Ember.TextView, чтобы заставить его делать то, что вы хотите.

App.DatalistText = Ember.TextField.extend({ 
    attributeBindings: ['list'], 
    list : null 
}); 

Затем в шаблоне вы просто сделать что-то вроде этого:

{{view App.DatalistText type="text" 
    value="" 
    class="form-control" 
    placeholder="Country" 
    disabledBinding="isNotEditing" 
    list="countries" 
    size="50" 
}} 
<datalist id="countries"> 
    {{#each model}} 
    <option {{bindAttr value="this"}}> 
    {{/each}} 
</datalist> 

Вот jsbin: http://jsbin.com/ucanam/977/edit

Answer 2

С ember.js 1.8, следующий код работает:

{{input type="text" value="" class="form-control" list="browsers-list"}} 
<datalist id="browsers-list"> 
{{#each b in browsers}} 
    <option {{bind-attr value=b}}> 
{{/each}} 
</datalist>