显示/隐藏已完成任务

初始模式

To Do List 有两种任务显示模式：

• 显示所有任务（默认）
• 隐藏已完成任务

在启动时隐藏已完成任务，让用户专注于未完成的任务。将 taskShape.completed.taskHide 设置为 true。详情请参阅 taskShape 参考。以下示例在初始化时隐藏已完成任务：

const list = new ToDo("#root", {
    tasks,
    taskShape: {
        completed: {
            behavior: "manual",
            taskHide: true
        }
    }
});

在模式之间切换

初始化后，可通过以下两种方式之间切换模式：

• 通过工具栏菜单的已完成任务 → 显示/隐藏选项
• 通过 hideCompletedTasks() 和 showCompletedTasks() 方法

以下代码片段展示了如何在运行时隐藏或显示已完成任务：

list.hideCompletedTasks();
// 或
list.showCompletedTasks();