0

私はまだ ember.js アプリケーションを適切に構築する方法を理解しようとしています。したがって、これは私がこれを解決しようとしている方法に関する体系的な問題である可能性があります。そうは言っても、同じ質問をいくつかの異なる方法で尋ねてみます...

以下のコード例では、レコードが作成されたときに、isEditing プロパティを true に設定してリストに追加するにはどうすればよいですか?

配列コントローラから特定のオブジェクト コントローラにアクセスできますか?

各タスクには、表示状態と編集状態があります。新しいタスクが作成されたとき、最初に編集状態で表示するにはどうすればよいですか?

App.TasksController =  Ember.ArrayController.extend({
  actions: {
    createTask: function(){
      var task = this.store.createRecord('task');
      task.save();
    }
  }
});

App.TaskController = Ember.ObjectController.extend({
  isEditing: false,

  actions: {
    toggleEditing: function(task) {
      if(this.isEditing){
        task.save();
      }
      this.set('isEditing', ! this.isEditing ); 
    }
  } 
});


<script type="text/x-handlebars" data-template-name="tasks">
  <ul>
    {{#each task in controller}}
      {{render "task" task}}
    {{/each}}
    <li {{action "createTask"}} >
     New Task
    </li>
  </ul>
</script>

<script type="text/x-handlebars" data-template-name="task">
  <li {{action "toggleEditing" task on="doubleClick"}} >
    {{#if isEditing }}
      {{textarea value=title cols="80" rows="6"}}
    {{else}}
      {{title}}
    {{/if}} 
  </li>
</script>
4

1 に答える 1