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 ...."}}

如果你使用 Bootstrap，这样的东西应该可以工作

<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 以允许选择项目。