We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to Filter Dynamically in Kanban

This Knowledge base explains the way of how to add customized filters to Kanban.

Example

We can achieve the customized filtering by creating filter queries dynamically and passing the query to filterCards method. Set allowFiltering as true.

Let us now see in detail how to achieve the above requirement in Kanban. We need to follow the below steps to achieve this.

Step-1:

Add the custom controls to filter bar using customToolbarItems template. We have added dropdown list control as template.

Refer to the code for control creation - [Kanban.html]

 

Step-2:

You can convert custom toolbar template controls into Syncfusion control in actionComplete event of Kanban.

 

 

Step-3:

Create and update the queries for the filtering criteria and pass it as argument to `filterCards` method.

 

 

Refer to the code for control creation - [Kanban.cshtml]

 

 

Refer to the code for control creation - [Kanban.aspx]

 

 

Result:

Before filter

After Filter

JS Playground Sample Link:

http://jsplayground.syncfusion.com/vdk4uncd

 

 

Article ID: Published Date: Last Revised Date: Platform: Control:
7581 03/22/2017 03/22/2017 JavaScript ejKanban
Did you find this information helpful?
Add Comment
You must log in to leave a comment

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon