Keyboard Filter DropDownList without expanding when filter = startwith (possible just enabled)

0 Answers 66 Views
DropDownList
Aleksandr
Top achievements
Rank 1
Bronze
Bronze
Veteran
Aleksandr asked on 16 Aug 2022, 01:09 PM

when we have the search option enabled for DDL we cant make a selection using keyboard & typeing the first letter (without expanding the drop down)

 

are there workaround to make it work togather?

Aleksandr
Top achievements
Rank 1
Bronze
Bronze
Veteran
commented on 17 Aug 2022, 05:30 PM

support? 
Martin
Telerik team
commented on 19 Aug 2022, 11:43 AM

Hi, based on the provided information I am not sure I understand the problem you are experiencing. Could you please use this Dojo example to provide some further explanation about it?
Aleksandr
Top achievements
Rank 1
Bronze
Bronze
Veteran
commented on 19 Aug 2022, 11:54 AM

Martin, 

thx a lot for the attention to my problem! 

So, if you comment Filter, then focus DDL, you will be able to select the value using the keyboard (just type latter T & Tofu will be selected)

if you have a filter (just uncomment),  & will try to do the same (selection the value using keyboard), nothing will be selected

 

Neli
Telerik team
commented on 24 Aug 2022, 08:53 AM

Hi Aleksandr,

The described behavior is expected. If it is suitable for your scenario you could overwrite the _kewdown functionality of the DropDownList and open the widget when it is focused and a letter is typed. Thus the user can start typing in order to filter the data. Below is an example:

 kendo.ui.DropDownList.fn._keydown = function(e) {  
        
        var isFocused = $('#dropdownlist').data('kendoDropDownList').wrapper.hasClass('k-focus')
        if(e.keyCode >= 65 && e.keyCode <= 90 && isFocused){
          $("#dropdownlist").data('kendoDropDownList').open()
        }
        
};

Here is a Dojo where the above is demonstrated.

I hope this helps.

Regards,

Neli

Aleksandr
Top achievements
Rank 1
Bronze
Bronze
Veteran
commented on 24 Aug 2022, 09:03 AM

Hello Neli,

thx a lot for the provided solution, but it does not solve the problem, even if the DDL is opened & filtered (according to the typed input) I still can't select the value using the keyboard

P.S we just trying to let clients have the fastest & comfortable approach to entering the data, tab + keyboard selection seems the best one 

 

Martin
Telerik team
commented on 29 Aug 2022, 08:35 AM

Hello, Aleksandr, 

could you please take a look at this example and let me know if it is similar to what you are looking for?
Aleksandr
Top achievements
Rank 1
Bronze
Bronze
Veteran
commented on 29 Aug 2022, 08:48 AM

Hello Martin,

much better,  we will try to use it, thx a lot

 

Thx Alex

 

No answers yet. Maybe you can help?

Tags
DropDownList
Asked by
Aleksandr
Top achievements
Rank 1
Bronze
Bronze
Veteran
Share this question
or