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: boardItem[]

---

dragBoards

Type: boolean

---

dragItems

Type: boolean

---

gutter

Type: string

---

itemAddOptions

Type: itemAddOptions

---

itemHandleOptions

Type: itemHandleOptions

---

responsivePercentage

Type: boolean Default Value: false

---

widthBoard

Type: string

---

Events

buttonClick(el,boardId,event)

callback when the board's button is clicked

Parameters:

• {object} el

• {string} boardId

• {JSEvent} event

---

click(taskID,event)

callback when any board's item are clicked

Parameters:

• {string} taskID

• {JSEvent} event

---

dragBoard(el,source)

callback when any board stop drag

Parameters:

• {object} el

• {object} source

---

dragEl(el,source)

callback when any board's item are clicked

Parameters:

• {object} el

• {object} source

---

dragendBoard(el)

callback when any board stop drag

Parameters:

• {object} el

---

dragendEl(el)

callback when any board's item stop drag

Parameters:

• {object} el

---

dropEl(el,target,source,sibling)

callback when any board's item drop in a board

Parameters:

• {object} el

• {object} target

• {object} source

• {object} sibling

---

API

addBoards(boardItems)

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

Parameters:

• {boardItem[]} boardItems Boards

---

addElement(boardID,element,position)

Adds an item to a specific Board

Parameters:

• {string} boardID Bid the Board Id, if not found the item will be ignored

• {object} element El the item to be added to the Board

• {int} [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 Bid the Board Id, if not found the item will be ignored

• {object} element El 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>

• class

  • Type: styleclass

• dragTo

  • Type: string[]

• id

  • Type: string

• item

  • Type: item[]

• tabindex

  • Type: string

• title

  • Type: string

item

scripting type: CustomType<svykanban-board.item>

• class

  • Type: styleclass

• id

  • Type: string

• priority

  • Type: string

• title

  • Type: string

itemAddOptions

scripting type: CustomType<svykanban-board.itemAddOptions>

• class

  • Type: string

• content

  • Type: string

  • Default Value: "+"

• enabled

  • Type: boolean

  • Default Value: false

• footer

  • Type: boolean

itemHandleOptions

scripting type: CustomType<svykanban-board.itemHandleOptions>

• customCssHandler

  • Type: string

• customCssIconHandler

  • Type: string

• customHandler

  • Type: string

• enabled

  • Type: boolean

  • Default Value: false

• handleClass

  • Type: string

---