Query search not working

[Oscar]

Hi

I want to use a search query in kanban component but not working, I took a sample from here:

https://ej2.syncfusion.com/react/demos/?_gl=1*1nbj5qu*_gcl_au*MTY1NTg5Mjg2OC4xNzI0NDU1NjE0*_ga*NTUyNDEwOTAyLjE3MjUwNDI1Mzk.*_ga_41J4HFMX1J*MTcyNTA0MjUzOS4xLjEuMTcyNTA0NTQ5Ni4wLjAuMA..#/bootstrap5/kanban/search-filter

Info:

I added the refs to kanban and textbox components

I added a textbox event

I used a cardTemplate, rowTemplate, tooltipTemplate
Kanban version: ^26.1.36

I Attached printscreens to reference

[Vinothkumar Yuvaraj]

Hi Oscar,

Based on the information you shared, we created a sample to replicate your issue. Unfortunately, we were unable to reproduce the problem on our end; the Kanban data can be filtered using the query property. Please refer to the following sample and video for your reference.

Video GIF:

 

Sample : https://stackblitz.com/edit/react-tbwtge-wx15bu?file=index.js,package.json,index.html

We suspect that the issue might be related to the data source not containing the 't_id' or 't_comentarios' fields. Please confirm whether your data source includes these fields.

Regards,

Vinothkumar

[Oscar]

Yes, the fields is included, I attached my DTO

And I tried to do it directly with the property only as test but not working too

[Vinothkumar Yuvaraj]

Hi Oscar,

It appears that you are setting the query property as a function return value. Instead, you can directly set the query property like this. Please see the following code for your reference:

 

<KanbanComponent  id="kanban"  query={query}>  </KanbanComponent>

    

const query = new Query().search('task 20', ['Id', 'Summary'], 'contains', true);

 

Here’s a sample for your reference : https://stackblitz.com/edit/react-tbwtge-w6th32?file=index.js,package.json,index.html

If you're still facing issues, could you please provide the following details to help us troubleshoot further?

• Are you using remote data for the Kanban component? If so, what kind of adapter are you using?
• Please share the full page code rendering the Kanban component.
• Can you provide a video illustration for our reference?

Remote data documentation : https://ej2.syncfusion.com/react/documentation/kanban/data-binding#remote-data

API Link : https://ej2.syncfusion.com/react/documentation/api/kanban#query

Regards,

Vinothkumar