RadzenTree - Add Search Functionality to RadzenTree Component #1598

Closed
opened 2026-01-29 17:55:55 +00:00 by claunia · 3 comments
Owner

Originally created by @Dasuke on GitHub (Feb 5, 2025).

Hello Radzen Team,

I would like to propose the addition of a search feature to the RadzenTree component. The ability to search nodes dynamically within the tree would greatly enhance the usability and user experience, especially when dealing with large datasets.

Proposed Features:

  • A text input field above or inside the tree component to filter/search through tree nodes.
  • Option to search for nodes by any input
  • Highlighting of matching nodes, or the ability to collapse non-matching nodes.
  • Option to clear search results and reset the tree view.
  • Optional debounce mechanism for large trees to optimize performance.

Why this is useful:

  • It will make navigating large trees more efficient.
  • Users will be able to quickly find and interact with specific nodes.
  • It would be a flexible and easy-to-integrate enhancement for existing applications using RadzenTree.
  • Looking forward to your consideration.

Example:
https://mudblazor.com/components/treeview#filtering

Looking forward to your consideration and let me know if I can help with anything.

Thank you!

Originally created by @Dasuke on GitHub (Feb 5, 2025). Hello Radzen Team, I would like to propose the addition of a search feature to the RadzenTree component. The ability to search nodes dynamically within the tree would greatly enhance the usability and user experience, especially when dealing with large datasets. **Proposed Features:** - A text input field above or inside the tree component to filter/search through tree nodes. - Option to search for nodes by any input - Highlighting of matching nodes, or the ability to collapse non-matching nodes. - Option to clear search results and reset the tree view. - Optional debounce mechanism for large trees to optimize performance. **Why this is useful:** - It will make navigating large trees more efficient. - Users will be able to quickly find and interact with specific nodes. - It would be a flexible and easy-to-integrate enhancement for existing applications using RadzenTree. - Looking forward to your consideration. Example: https://mudblazor.com/components/treeview#filtering Looking forward to your consideration and let me know if I can help with anything. Thank you!
Author
Owner

@enchev commented on GitHub (Feb 5, 2025):

In my opinion this can be easily implemented outside of the component similar to our demos navigation - Tree instead PanelMenu.

@enchev commented on GitHub (Feb 5, 2025): In my opinion this can be easily implemented outside of the component similar to our demos navigation - Tree instead PanelMenu.
Author
Owner

@Dasuke commented on GitHub (Feb 5, 2025):

@enchev, thank you for your feedback. Sorry, I didn't find an example in the demo pages for what I am looking for. Could you please share the link?

@Dasuke commented on GitHub (Feb 5, 2025): @enchev, thank you for your feedback. Sorry, I didn't find an example in the demo pages for what I am looking for. Could you please share the link?
Author
Owner

@enchev commented on GitHub (Feb 6, 2025):

Check the code of our demos: https://github.com/radzenhq/radzen-blazor/tree/master/RadzenBlazorDemos

Image

Image

@enchev commented on GitHub (Feb 6, 2025): Check the code of our demos: https://github.com/radzenhq/radzen-blazor/tree/master/RadzenBlazorDemos ![Image](https://github.com/user-attachments/assets/c814f18f-f601-41d8-9678-d67dd2d015d5) ![Image](https://github.com/user-attachments/assets/0fcee0bd-e465-4b9b-8efb-1f3b48eaa032)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1598