Inline-Bearbeitung

Doppelklicken Sie auf eine Aufgabe oder ein Projekt, um es inline zu bearbeiten. Die Inline-Bearbeitung ist standardmäßig aktiviert.

Tipp

Wenn Sie den readonly-Modus der To Do List aktivieren, steht die Inline-Bearbeitung nicht mehr zur Verfügung.

Unterstützte Datenformate

Der Inline-Editor akzeptiert drei Datentypen: Text und Zahlen, Hashtags und Datumsangaben.

Text und Zahlen

Geben Sie beliebigen Text oder Zahlen direkt in den Inline-Editor ein.

Hashtags

Verwenden Sie Hashtags, um Aufgaben zu kategorisieren und die Suche zu erleichtern. Beachten Sie folgende Regeln:

• ein Hashtag kombiniert das Symbol # mit Buchstaben und Zahlen (zum Beispiel #sport)
• um einen Hashtag zu erstellen, geben Sie # gefolgt von mindestens einem Symbol ein (zum Beispiel #t) und drücken Sie die Eingabetaste
• die To Do List unterstützt eine unbegrenzte Anzahl von Hashtags — trennen Sie sie durch Leerzeichen (zum Beispiel #tag #tag1)
• alle Hashtags sind in allen Projekten zugänglich
• um die Liste der Hashtags anzuzeigen, geben Sie das Symbol # ein
• um einer Aufgabe einen Hashtag hinzuzufügen, klicken Sie in der Liste darauf
• um eine strikte Filterung zu aktivieren, klicken Sie auf einen Hashtag oder geben Sie ihn in die Suchleiste der Toolbar ein

Info

Erstellen Sie eine Standardliste von Tags über die Eigenschaft tags.

Datumsangaben

Um ein Datum über den Inline-Editor einzugeben, tippen Sie das Symbol ! — der integrierte Datumswähler erscheint auf der Seite.

Sie können Text auch in die speziellen Symbole !() einschließen. Geben Sie zum Beispiel !(Buchungsdatum eingeben) ein und drücken Sie die Eingabetaste, um den Editor zu schließen. Klicken Sie später auf diesen Text, um den Datumswähler erneut zu öffnen.

Info

Das Erscheinungsbild des Datums hängt von der locale und dem Datumsformat ab.

Mit dem Editor arbeiten

Um den Editor für eine bestimmte Aufgabe oder ein Projekt zu öffnen, verwenden Sie die Methode openInlineEditor(). Der folgende Ausschnitt öffnet den Editor für eine bestimmte Aufgabe:

list.openInlineEditor({ id: "1.1.1" });

Um den Editor zu schließen und die Änderungen zu speichern, übergeben Sie die Element-ID an die Methode closeInlineEditor():

list.closeInlineEditor({
    id: "1.1.1"
});

Um den Editor zu schließen ohne die Änderungen zu speichern, setzen Sie den Parameter save auf false. Das folgende Beispiel verwirft die Änderungen beim Schließen:

list.closeInlineEditor({
    id: "1.1.1",
    save: false
});

Änderungen im Editor verfolgen

Abonnieren Sie das Event edit-item, um den in den Inline-Editor eingegebenen Wert zu verfolgen. Das Event wird ausgelöst, während der Benutzer tippt, bevor der Wert gespeichert wird.

Der folgende Ausschnitt protokolliert den aktuellen Editor-Wert für eine Aufgabe oder ein Projekt:

list.api.on("edit-item", ({ id, currentValue }) => {
    console.log("Current value of", id, "is", currentValue);
});

Tastenkürzel

Info

Weitere Informationen finden Sie in der Anleitung zur Tastaturnavigation.