Zum Hauptinhalt springen

rows

Beschreibung​

Optional. Ein Array von Objekten, das die Daten der Zeilen (Swimlanes) enthält.

Nutzung​

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

Um Swimlanes einzurichten, geben Sie die entsprechenden Daten im rows-Array an. Sie können Swimlanes über die Benutzeroberfläche oder durch Verwendung der zugehörigen API einklappen/ausklappen, umbenennen, löschen und verschieben.

Parameter​

Jede Zeile (Swimlane) kann die folgenden Parameter enthalten:

  • id - (erforderlich) die Zeilen- (Swimlane-) ID, die zur Steuerung der Zeile über ihre Methoden verwendet wird
  • label - (optional) die Bezeichnung für die Zeile (Swimlane), die im Zeilenbereich angezeigt wird
  • collapsed - (optional) gibt an, ob die Zeile (Swimlane) zu Beginn eingeklappt ist. Wenn true, ist sie initial eingeklappt. Der Standardwert ist false (ausgeklappt)
  • css - (optional) wendet CSS-Stile auf eine einzelne Zeile an
Info

Um neue Zeilen- (Swimlane-) Daten dynamisch zu laden, kann die parse() Methode verwendet werden.

Beispiel​

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

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

Änderungsprotokoll: Der css Parameter wurde in Version 1.4 eingeführt

Verwandte Artikel:

Verwandtes Beispiel: Kanban. Swimlanes