• All Demos
  • Grid SDK
  • Chart SDK
  • Scheduler SDK
  • Gantt SDK
  • Rich Text Editor SDK
  • Diagram SDK
  • File Manager SDK
  • Document SDK
  • PDF Viewer SDK
  • DOCX Editor SDK
  • Spreadsheet Editor SDK
  • Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Search and Filter Cards in ASP.NET Core Kanban Control

This sample demonstrates the filtering and searching capabilities of the Kanban component, enabling users to quickly locate and organize cards based on specific criteria.

DEMO
SOURCE

Filtering

Priority
Status

Searching

This sample demonstrates how to filter and search cards in the Kanban component using the query property. The query API can be used to display specific cards based on custom filtering and search criteria.

  • The where method is used to filter cards based on field values such as Priority and Status.
  • The search method is used to locate cards by matching text across the Id and Summary fields.

The reset option clears the applied filters and search criteria by restoring the Kanban query to a new Query instance, displaying all cards on the board.

More information on the Essential® JS2 Kanban board can be found in this query documentation section.

Looking for the full ASP.NET Core Kanban component overview, features, pricing, and documentation? Visit the ASP.NET Core page.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab