Example of Events in React Kanban Component

/
/
Events

The sample showcases the client-side events of JavaScript Kanban. For every action in a Kanban board, corresponding events will be displayed in the event tracer panel.

More Details...

To Do
- 5 items
In Progress
- 4 items
Done
- 5 items
Event Trace
Kanban Load event called
Kanban Data Bound event called
Kanban - Task 16 - Card Rendered event called
Kanban - Task 22 - Card Rendered event called
Kanban - Task 21 - Card Rendered event called
Kanban - Task 1 - Card Rendered event called
Kanban - Task 15 - Card Rendered event called
Kanban - Task 8 - Card Rendered event called
Kanban - Task 10 - Card Rendered event called
Kanban - Task 17 - Card Rendered event called
Kanban - Task 11 - Card Rendered event called
Kanban - Task 4 - Card Rendered event called
Kanban - Task 3 - Card Rendered event called
Kanban - Task 13 - Card Rendered event called
Kanban - Task 2 - Card Rendered event called
Kanban - Task 20 - Card Rendered event called
Kanban Query Cell Info event called
Kanban Query Cell Info event called
Kanban Query Cell Info event called
Kanban Query Cell Info event called
Kanban Query Cell Info event called
Kanban Query Cell Info event called
Kanban Query Cell Info event called
Kanban Query Cell Info event called
Kanban Query Cell Info event called
Kanban Query Cell Info event called
Kanban Query Cell Info event called
Kanban Query Cell Info event called
Kanban Query Cell Info event called
Kanban Data Binding event called
Description

The demo is showcased to list-out the client-side events of Kanban. The events are useful to customize the Kanban board from the application end.

The following events are bounded in this demo.

  1. Created
  2. Action begin
  3. Action complete
  4. Action failure
  5. Data binding
  6. Data bound
  7. Card rendered
  8. Query cell info
  9. Card click
  10. Card double click
  11. Drag start
  12. Drag
  13. Drag stop