ember.js - Ember.js CollectionView に選択動作を追加する推奨される方法は何ですか?

Question

基本的に Select ビューが必要ですが、もう少し視覚的に魅力的なものが欲しいです。CollectionView を使用してこれを行うことができると思いますが、コレクション内の要素の選択を自分で実装する必要があります。これは一般的な方法ですか？これを行うための推奨される方法はありますか? 良い例はありますか？

Answer 1

私がこれを正しく読んでいると仮定すると、基本的な選択リストよりもきれいなものが欲しいだけです。あなたの制約はわかりませんが、これらのタイプのブートストラップドロップダウンが本当に好きです

<select>簡単：あなたの好みに合わせてあなたのスタイルを試してみてください

{{view Ember.Select 
    contentBinding="App.content" 
    optionLabelBinding="content.text"
    optionValueBinding="content.value"
    selectionBinding="App.selection"
    prompt="Choose ...."}}

ブートストラップを使用する場合、このようなものが機能するはずです

<div class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
  {{#each App.content}}
      {{#view App.SelectView contentBinding="this"}}{{label}}{{/view}}
  {{/each}}
  </ul>
</div>

Javascript:

App.SelectView = Em.View.extend({
   tagName: 'li',
   click:function(){
      App.set('selected', this.get('content'));
      // then hide the dropdown
   }
});

Answer 2

このリンクは、Freenodeの#emberjsで私に推奨されました：

https://gist.github.com/1626943

CollectionViewを拡張して、アイテムを選択できるようにします。