Allow Down-arrow after using text to find element in RadComboBox

1 Answer 90 Views
ComboBox
Skurken
Top achievements
Rank 1
Skurken asked on 12 Oct 2022, 07:29 AM

What happens: 

- User inputs some keyword: eg "Yaris"

- User wants to select "Yaris Cross" which is next in list

- User uses Down Arrow to select next item

- Instead the RadComboBox selects the first element in the whole list. 

Expected:

- User inputs some keyword: eg "Yaris"

- User wants to select "Yaris Cross" which is next in list

- User uses Down Arrow to select next item

- Next item in list is highlighted

- User presses ENTER to select element

 

What setting do i need to set ? 

<telerik:RadComboBox x:Name="ModelPicker"
			                     Width="150"
			                     Height="28"
			                     CanAutocompleteSelectItems="False"
			                     DisplayMemberPath="ModelNavn"
			                     IsEditable="True"
			                     IsEnabled="{Binding CanChangeVariant}"
			                     IsSynchronizedWithCurrentItem="False"
			                     ItemsSource="{Binding Source={StaticResource SortedModels}}"
			                     OpenDropDownOnFocus="True"
			                     SelectAllTextEvent="GotFocus"
			                     SelectedItem="{Binding BrandModel.SelectedCarModel}"
			                     StaysOpenOnEdit="True" />


1 Answer, 1 is accepted

Sort by
0
Stenly
Telerik team
answered on 14 Oct 2022, 08:05 PM

Hello Anders Pedersen,

May I ask if you could try setting the CanKeyboardNavigationSelectItems property of the RadComboBox to False? By doing so, if the user types "Yaris" and presses the Down key, the "Yaris Cross" will be highlighted, and when ENTER is pressed it will be selected.

The following code snippet shows this suggestion's implementation:

<telerik:RadComboBox x:Name="ModelPicker"
			                     Width="150"
			                     Height="28"
			                     CanAutocompleteSelectItems="False"
			                     DisplayMemberPath="ModelNavn"
			                     IsEditable="True"
			                     IsEnabled="{Binding CanChangeVariant}"
			                     IsSynchronizedWithCurrentItem="False"
			                     ItemsSource="{Binding Source={StaticResource SortedModels}}"
			                     OpenDropDownOnFocus="True"
			                     SelectAllTextEvent="GotFocus"
			                     SelectedItem="{Binding BrandModel.SelectedCarModel}"
			                     StaysOpenOnEdit="True"
                                             CanKeyboardNavigationSelectItems="False"/>

The produced result should look as follows:

Would it be possible to give this suggestion a try and let me know how it goes?

Regards,
Stenly
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
ComboBox
Asked by
Skurken
Top achievements
Rank 1
Answers by
Stenly
Telerik team
Share this question
or