Abgeschlossene Aufgaben anzeigen/ausblenden

Anfangsmodus

Die To Do List verfügt über zwei Anzeigemodi für Aufgaben:

• alle Aufgaben anzeigen (Standard)
• abgeschlossene Aufgaben ausblenden

Blenden Sie abgeschlossene Aufgaben beim Start aus, damit sich Benutzer auf ausstehende konzentrieren können. Setzen Sie taskShape.completed.taskHide auf true. Weitere Details finden Sie in der taskShape-Referenz. Das folgende Beispiel blendet abgeschlossene Aufgaben bei der Initialisierung aus:

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

Zwischen Modi wechseln

Nach der Initialisierung können Sie auf zwei Wegen zwischen den Modi wechseln:

• über die Option Abgeschlossene Aufgaben → Anzeigen/Ausblenden im Toolbar-Menü
• über die Methoden hideCompletedTasks() und showCompletedTasks()

Der folgende Ausschnitt zeigt, wie abgeschlossene Aufgaben zur Laufzeit aus- oder eingeblendet werden:

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