Kanban use in functional component

7 Replies
3 Participants
Marked answer

Created by
TF Thierry FRIGOUT

Platform
React - EJ 2

Platform
React - EJ 2

Control
Kanban

Created On
Jan 19, 2021 03:10 PM UTC

Last Activity On
Apr 7, 2021 01:13 PM UTC

Want to subscribe?
SIGN IN

Hi,

I've designed a functional component that use the kanban with search capabilities.

The search don't work at all with your example and when i drag a card and enter search criteria my card are duplicated.

I've also not found the way to inject card template into card settings object that inject the current prop context.

Have you got any example ?

Thank you.

Regards

7 Replies 1 reply marked as answer

BS Balasubramanian Sattanathan Syncfusion Team January 20, 2021 01:26 PM UTC

Hi Thierry,

Greetings from Syncfusion Support

We have validated your requirement at our end and prepared the below sample based on that. In the below sample, we have implemented the Kanban as a functional component with search functionality and card template. And also we suggest you to refer the below UG to know more details.

UG:

Card template: https://ej2.syncfusion.com/react/documentation/kanban/cards/#template

Searching cards: https://ej2.syncfusion.com/react/documentation/kanban/how-to/search-cards/

Sample: https://www.syncfusion.com/downloads/support/forum/161669/ze/Kanban_sample_using_funtional_component-1811011962.zip

Kindly try the above sample and let us know if you need further assistance.

Regards,

Balasubramanian S

TF Thierry FRIGOUT January 20, 2021 03:32 PM UTC

Hi,

Thank you for your feedback.

Please with your sample do these steps:

- Drag&drop a card

- Search a card : enter "t" for example the cards are duplicate for me

Thank you for your help !

BS Balasubramanian Sattanathan Syncfusion Team January 21, 2021 10:41 AM UTC

Hi Thierry,

Thanks for the reply.

We have validated and tried to reproduce your reported scenario at our end. But we couldn’t reproduce it with shared details. So kindly share the issue replication steps in detail and share a screenshot/video demo illustrates the problem which would help us to provide the solution at the earliest.

Regards,

Balasubramanian S

TF Thierry FRIGOUT January 21, 2021 12:38 PM UTC

Hi,

Use your sample Kanban_Sample_using_functional_component

Steps:

- Drag&drop card "Task Id 20" into column "Testing"

- Edit the search filter: "t"

==> The task are duplicated like this:

Regards

BS Balasubramanian Sattanathan Syncfusion Team January 22, 2021 12:48 PM UTC

Hi Thierry,

Greetings from Syncfusion Support.

We have checked your reported problem at our end and could reproduce it. So we logged the below bug report. The fix will be included in our weekly patch release scheduled on February 2, 2021 and would appreciate your valuable patience until then. You can track the status by using the below link

https://www.syncfusion.com/feedback/21653/the-appointments-are-not-shown-after-performs-drag-and-drop

Regards,

Balasubramanian S

BS Balasubramanian Sattanathan Syncfusion Team January 22, 2021 12:50 PM UTC

Hi Thierry,

Kindly ignore the previously shared feedback link and have a follow-up with the below link to check the status of the issue.

https://www.syncfusion.com/feedback/21688/the-cards-are-duplicated-when-searching-cards-after-performing-drag-and-drop

Regards,

Balasubramanian S

RK Revanth Krishnan Syncfusion Team April 7, 2021 01:13 PM UTC

Hi Thierry,

Thanks for your patience.

We have included the fix “The cards are duplicated when searching cards after performing drag and drop” with the package version 18.4.41.