0

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

4

2 に答える 2

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
   }
});
于 2012-12-18T20:21:21.177 に答える
0

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

https://gist.github.com/1626943

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

于 2012-12-19T20:55:21.730 に答える