DayPilot.Kanban.cards.list

The cards.list property is an array that holds the card data.

The array items are objects with the following structure:

  • id (number | string) - card ID

  • name (string) - card name, will be displayed at the top as a header (the value will be HTML-encoded automatically)

  • text (string) - card text, will be displayed as the card body (the value will be HTML-encoded automatically)

  • html (string) - if specified, it overrides the HTML content of a card (including name and text); optional

  • column (number | string) - ID of the Kanban column

  • swimlane (number | string) - ID of the Kanban swimlane (optional)

  • barColor (string) - overrides the bar color - if not specified, the barColor of the column will be used; optional

  • areas (array) - array of active areas

Example

const cards = [
  {id: 1, "name": "Task 1", column: "1", text: "This is a description of task #1."},
  {id: 2, "name": "Task 2", column: "1", text: "This is a description of task #2.", barColor: "#ea3624"}
];

kanban.update({cards});