items

Beschreibung

Optional. Legt die Steuerelemente fest, die in der Toolbar der To Do List angezeigt werden

Verwendung

items?: [
    "combo",
    "search",
    "menu",
    "undo",
    "redo"
    custom_control // string or function
];

Standardkonfiguration

items: ["combo", "search", "menu"]

Parameter

Das Array items kann folgende Parameter enthalten:

• "combo" - das Combo-Steuerelement zur Auswahl eines Projekts
• "search" - die Suchleiste
• "menu" - das Menü mit einer Reihe von Optionen, mit denen Sie Folgendes tun können:
  • Aufgaben in aufsteigender/absteigender Reihenfolge nach folgenden Kriterien sortieren:
    • nach Text
    • nach Fälligkeitsdatum
    • nach Abschlussdatum
    • nach Erstellungsdatum
    • nach Bearbeitungsdatum
  • erledigte Aufgaben ausblenden/anzeigen
  • ein neues Projekt hinzufügen, das aktuell aktive Projekt umbenennen oder löschen
• "undo" - das Steuerelement, das den letzten Vorgang rückgängig macht
• "redo" - das Steuerelement, das die durch "Undo" rückgängig gemachte Aktion wiederholt
• "custom_item" - ein benutzerdefiniertes Steuerelement, das entweder als String oder als Funktion angegeben wird

Tipp

Sie können eine eigene Toolbar-Struktur definieren, indem Sie die gewünschten Elemente in der items-Array in der gewünschten Reihenfolge aufführen

Beispiel

const { ToDo, Toolbar } = todo;
const { tasks, users, projects, tags } = getData();

const list = new ToDo("#root", {
    tasks,
    users,
    projects,
    tags,
});
const toolbar = new Toolbar("#toolbar", {
    api: list.api,
    items: [
        `<div style={{fontWeight: 500, fontSize: '18px', padding: '0 10px', width: '100%'}}>Logo<div/>`,
        "search",
        "menu",
        "undo",
        "redo",
        `<div style={{marginLeft: 'auto', paddingLeft: '10px'}}><button className="g-btn g-btn--sm">Custom button</button></div>`,
    ]
});

Änderungsprotokoll: Die Parameter "undo" und "redo" wurden in v1.3 hinzugefügt

Verwandte Artikel:

• Konfiguration
• Anpassung