Kanban inject Add, Edit with dialog

Question

Hi,I am working in ReactJs. Kanban component it is working fine.Now I tried to inject add, edit with dialog its not working. can you help us?Am trying to add, update and delete card like this  https://ej2.syncfusion.com/react/demos/kanban/events/ and also export as JSON

Vinitha Devi Murugan · Accepted Answer

Hi Arul,


Syncfusion Greetings

Q1: Perform CRUD in kanban using dialog

To achieved your requirement we suggest you to refer below UG link.

UG Link: https://ej2.syncfusion.com/react/documentation/kanban/dialog/#card-editing





Q2: Export Kanban data as JSON

We have prepared a work around sample for your requirement and same can be available in below link.

Sample: https://stackblitz.com/edit/crud-and-export-kanban-data-nuqh6i?file=index.js

Kindly try the above sample and get back to us if you need any further assistance.

Regards,
M.Vinitha devi

Arul Lakshmanan · Answer

Hello,I have another query, Is there any callback function to track all the changes?

Balasubramanian Sattanathan · Answer

Hi Arul Lakshmanan, 
 
Thanks for your update. 
 
We have validated your query “Is there any callback function to track all the changes?” at our side and we suspect that your need is to track the card changes. We can achieve it by making use of the below code snippet. 
 




onActionBegin(args) { 
  if (args.requestType === "cardCreate") { 
    console.log("The card has been created succesfully") 
  } 
  if (args.requestType === "cardRemove") { 
    console.log("The card has been edited succesfully") 
  } 
  if (args.requestType === "cardChange") { 
    console.log("The card has been removed succesfully") 
  } 
} 
 
Sample: https://stackblitz.com/edit/react-hx7h1n-acj2q2?file=index.js 
 
Kindly try the above sample and let us know if this is helpful. 
 
Regards, 
Balasubramanian S

Arul Lakshmanan · Answer

Hi,I am working in ReactJs. Kanban component it is working fine.Consider Kanban is empty(no cards)In that case when I trying to add my Id showing 'Task-Infinity' instead of 'Task 1'

Balasubramanian Sattanathan · Answer

Hi Arul Lakshmanan, 

Thanks for the update. 

We have validated your reported scenario “In that case when I trying to add my Id showing 'Task-Infinity' instead of 'Task 1'” at our side and let you know that if we add a card when no cards in the Kanban, we need to set the ID value of the newly added Kanban like the below code snippet. In the case, while adding a card to the Kanban we need to set the ID in the dialog window. 





<input id="Id" name="Id" type="text" className="e-field" /> 

Sample: https://stackblitz.com/edit/react-hx7h1n-tdsqww?file=index.js 

Kindly try the above sample and let us know if you need further assistance. 

Regards, 
Balasubramanian S