Zum Hauptinhalt springen

zeilen

Beschreibung​

Optional. Ein Array von Objekten, die die Daten der Zeilen (Swimlanes) enthalten.

Verwendung​

rows?: [
    {
        id: string,
        label?: string,
        collapsed?: boolean,
        css?: string,
    }, {...} // andere Zeilendaten
];
Info

Um Swimlanes zu erstellen, müssen Sie die entsprechenden Daten im Array der rows-Eigenschaft angeben. Sie können Swimlanes über die Benutzeroberfläche oder mit der entsprechenden API einklappen/ausklappen, umbenennen, löschen und verschieben.

Parameter​

Für jede Zeile (Swimlane) können Sie folgende Parameter (Daten) angeben:

  • id - (erforderlich) eine Zeilen-(Swimlane-)ID. Sie wird zur Verwaltung der Zeile über die entsprechenden Methoden verwendet.
  • label - (optional) ein Bezeichner der Zeile (Swimlane). Er wird im Bereich der Zeile angezeigt.
  • collapsed - (optional) der aktuelle Zustand der Zeile (Swimlane). Ist der Wert true, ist die Zeile initial eingeklappt. Der Standardwert ist false (ausgeklappter Zustand).
  • css - (optional) definiert CSS-Stile für eine einzelne Zeile.
Info

Wenn Sie neue Daten für Zeilen (Swimlanes) dynamisch laden möchten, können Sie die parse() Methode verwenden!

Beispiel​

const rows = [
    { label: "Feature", id: "feature", collapsed: false, css: "red" },
    { label: "Task", id: "task", collapsed: true }
];

new kanban.Kanban("#root", {
    columns,
    cards,
    rows, // Swimlanes-Daten
    // andere Parameter
});

Änderungsprotokoll: Der Parameter css wurde in Version 1.4 hinzugefügt.

Verwandte Artikel:

Verwandte Beispiel: Kanban. Swimlanes