Kanban

(part of package 'kanban') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent

This is a reference page; many components have detailed usage guides here.

Properties

boards

Type: Array<CustomType<svykanban-board.boardItem>>


dragBoards

Type: Boolean


dragItems

Type: Boolean


gutter

Type: String


itemAddOptions

Type: CustomType<svykanban-board.itemAddOptions>


itemHandleOptions

Type: CustomType<svykanban-board.itemHandleOptions>


responsivePercentage

Type: Boolean Default Value: false


widthBoard

Type: String


Events

buttonClick(el,boardId,event)

callback when the board's button is clicked

Parameters:


click(taskID,event)

callback when any board's item are clicked

Parameters:


dragBoard(el,source)

callback when any board stop drag

Parameters:


dragEl(el,source)

callback when any board's item are clicked

Parameters:


dragendBoard(el)

callback when any board stop drag

Parameters:


dragendEl(el)

callback when any board's item stop drag

Parameters:


dropEl(el,target,source,sibling)

callback when any board's item drop in a board

Parameters:


API

addBoards(boardItems)

Adds all the boards to be displayed by the component, any previous boards will be replaced by the new ones

Parameters:

  • {Array<boardItem>} boardItems An array of board items to be displayed, replacing any existing boards.


addElement(boardID,element,position)

Adds an item to a specific Board

Parameters:

  • {String} boardID The Board Id, if not found the item will be ignored

  • {Object} element The item to be added to the Board

  • {Number} [position] The position to insert the new item at, if not provided it will be inserted at the end


updateElement(elementID,element)

Updates the title of an existing item

Parameters:

  • {String} elementID The Board Id, if not found the item will be ignored

  • {Object} element The item to be updated, the title of the existing item will be replaced with this one, if not found by id it will be ignored


Types

boardItem

scripting type: CustomType<svykanban-board.boardItem>

item

scripting type: CustomType<svykanban-board.item>

itemAddOptions

scripting type: CustomType<svykanban-board.itemAddOptions>

itemHandleOptions

scripting type: CustomType<svykanban-board.itemHandleOptions>


Last updated

Was this helpful?