リストの選択状態はどこで維持する必要がありますか？

Question

私はember 1.0.0-pre4を使用しています。

モデルインスタンスのリストを表示したいとします。ユーザは、各行内でレンダリングされるボタンまたはチェックボックスをクリックすることによって、多くのリスト項目を選択できる必要があります。

私はリストを表示することができました。しかし、私はどのように選択状態を管理するのか分からない。 {{view Ember.Checkbox checkedBinding="isSelected"}}のようなものをテンプレートに入れると、選択状態が私のモデルで保持されます。しかし、私はこれが最高の場所だとは思わない。私は選択状態がコントローラまたはビュー状態に属すると思います。

（複数の）リスト選択状態を保存してアクセスする最善の方法を教えてください。

Answer 1

一つの方法は、単にコントローラに第二のリストを維持することである。

だけコントローラに別のリストを維持し、押圧

App.FooController = Ember.ArrayController.create({ 
    selectedContent: [], 
    selectToggle: function(event) { 
    var selectedContent; 
    selectedContent = this.get(selectedContent); 
    if (selectedContent.contains(event.context)) { 
     return this.set('selectedContent', selectedContent.without(event.context)); 
    } else { 
     return this.get('selectedContent').push(event.context); 
    } 
    } 
}); 

<script type="text/x-handlebars" data-template-name="index"> 
    <ul> 
    {{#each foo in controller}} 
      <li {{action selectToggle foo}}>{{foo.name}}</li> 
    {{/each}} 
    </ul> 
</script> 

は/アイテムが選択されたか否かに基づいて除去します。

また、Ember.ObjectProxyを使用して、「isSelected」プロパティを使用してfooオブジェクトの値を増やすこともできます。

App.FooController = Ember.ArrayController.create({ 
    selectedContent: @get('content').map(function(item){ 
    Ember.ObjectProxy.create({ 
     content: item 
     isSelected: false 
    }); 
    }); 
}); 

<script type="text/x-handlebars" data-template-name="index"> 
    <ul> 
    {{#each foo in controller.selectedContent}} 
      <li {{bindAttr class= "foo.isSelected"}}{{action selectToggle foo}}>{{foo.name}}</li> 
    {{/each}} 
    </ul> 
</script> 

次に、selectToggleメソッドでは、fooのisSelectedプロパティを適切に設定するだけです。