This is a migrated thread and some comments may be shown as answers.

Keyboard navigation in filter demo

2 Answers 65 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Ron
Top achievements
Rank 1
Veteran
Ron asked on 02 Mar 2018, 10:58 AM

I was checking out https://demos.telerik.com/kendo-ui/treeview/filter-treeview-in-dialog for a demo on how to client-side filter a treeview component. The demo works like a charm butI noticed that keyboard navigation is broken when the treeview is filtered (it works fine when not filtered). Is there a work around of fix for this problem?

Thanks,
Ron

2 Answers, 1 is accepted

Sort by
0
Accepted
Ivan Danchev
Telerik team
answered on 06 Mar 2018, 09:26 AM
Hello Ron,

In the demo you linked the TreeView is filtered by hiding the nodes that do not match the search criteria, that is those nodes are still there but are invisible. We do not have a workaround for this scenario so we would suggest you to consider a different approach for filtering the nodes, one that is shown in the TreeView in Dialog demo (part  of the Dialog demos). In this demo instead of hiding the nodes the widget's dataSource is filtered. This way nodes that do not match the search criteria are not rendered and the keyboard navigation is not obstructed when the TreeView is filtered.

Regards,
Ivan Danchev
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Ron
Top achievements
Rank 1
Veteran
answered on 06 Mar 2018, 12:22 PM
I've changed implementations and it works like a charm. Thanks Ivan.
Tags
TreeView
Asked by
Ron
Top achievements
Rank 1
Veteran
Answers by
Ivan Danchev
Telerik team
Ron
Top achievements
Rank 1
Veteran
Share this question
or