Wo soll ich den Auswahlstatus für eine Liste behalten?

Question

Ich benutze ember 1.0.0-pre4.

Ich möchte eine Liste von Model-Instanzen anzeigen. Der Benutzer sollte in der Lage sein, so viele Listeneinträge auszuwählen, als er auf eine Schaltfläche oder ein Kontrollkästchen klickt, das in jeder Zeile gerendert wird.

Ich konnte die Liste anzeigen. Aber ich weiß nicht, wie man den Auswahlstatus verwaltet. Wenn ich etwas wie {{view Ember.Checkbox checkedBinding="isSelected"}} in die Vorlage einfüge, wird der Auswahlstatus in meinem Modell gespeichert. Aber ich denke nicht, dass dies der beste Ort ist. Ich denke, der Auswahlstatus gehört zu dem Controller- oder Ansichtszustand.

Können Sie mir bitte die beste Möglichkeit zum Speichern und Zugriff (mehrere) Listenauswahlstatus sagen?

Answer 1

Eine Möglichkeit ist, einfach eine zweite Liste in der Steuerung zu halten:

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> 

Das ist nur eine separate Liste in der Steuerung verwaltet und schiebt/Entfernt basierend auf, ob das Element ausgewählt wurde.

Sie könnten auch ein Ember.ObjectProxy verwenden, um die Werte des foo-Objekts um eine "isSelected" -Eigenschaft zu erweitern.

Dann in Ihrer selectToggle -Methode setzen Sie einfach foos isSelected-Eigenschaft entsprechend.