KnockoutJS by Example

Completing a task

The third feature of our to-do application is to give the users the ability to complete a task. We will do this by adding a Complete button for each task in the Actions column we created while implementing the delete task feature. The task will be marked as complete by highlighting the row of the tasks that are complete. The Complete button will not appear for the tasks that have been completed.

Let's start by adding a new attribute to the task in our tasks array that tracks whether the task is complete or not. We will call this attribute, status. The status will be set to new for the newly created tasks and complete for the completed tasks. Add the status attribute to the task we create and push to the tasks array. The code should ...