A

[Jongmin Lee]

Dear All,

I am using the RadAutoCompleteBox as follows. I would like to display all Products when pressing the "Keyboard Down Arrow" on the RadAutoCompleteBox. Is this possible?

 

<telerik:RadAutoCompleteBox Height="23" Width="180" Background="#FFEDF4AB" Margin="3,0,0,0" 
							ItemsSource="{Binding Products}" 
							SelectedItem="{Binding SelectedProductItem, Mode=TwoWay}"                                                
							SelectionMode="Single" 
							TextSearchMode="StartsWith"
							SearchText="{Binding Name, Mode=TwoWay}"
							TextSearchPath="Name"
							DisplayMemberPath="Name"
							AutoCompleteMode="Suggest" >
	<telerik:RadAutoCompleteBox.DropDownItemTemplate>
		<DataTemplate>
			<StackPanel Orientation="Horizontal">
				<TextBlock Text="{Binding Name}" FontWeight="Bold" Foreground="Black" Width="200" />
			</StackPanel>
		</DataTemplate>
	</telerik:RadAutoCompleteBox.DropDownItemTemplate>
	<Behaviors:Interaction.Triggers>
		<Behaviors:EventTrigger EventName="SelectionChanged">
			<Behaviors:InvokeCommandAction Command="{Binding SelectProductCommand}" />
		</Behaviors:EventTrigger>
	</Behaviors:Interaction.Triggers>
</telerik:RadAutoCompleteBox>

[Dimitar]

Hello Jongmin Lee,

I have attached a sample project that shows this. I have used a custom filtering behavior to populate the items without search text. 

I hope this helps. Should you have any other questions do not hesitate to ask.

Regards,
Dimitar
Progress Telerik

[Jongmin Lee]

Hi Dimitar,

Thank you for your advice; it has been very helpful for my project.

Currently, I am not using the code Behind you mentioned and need to send "KeyEventArgs" to a command via MVVM. Below is my code snippet, but I can't find the path for "KeyEventArgs." Could you help me find a way to implement the KeyDown event with arguments?

Thank you for your assistance.

 

<Behaviors:EventTrigger EventName="PreviewKeyDown">  
<Behaviors:InvokeCommandAction Command="{Binding KeyDownCommands}" CommandParameter="{Binding RelativeSource={RelativeSource AncestorType=telerik:RadAutoCompleteBox}, Path=xxxxx }"/>
</Behaviors:EventTrigger>

[Jongmin Lee]

Hi Dimitar,

I solved this issue by creating a component that inherits from RadAutoCompleteBox.
Thanks for sharing your idea. it is very helpful to my case.

public class BAWAutoCompleteBox : RadAutoCompleteBox
{
    public BAWAutoCompleteBox()
    {
        this.FilteringBehavior = new EmptyTextFilteringBehavior();
        this.PreviewKeyDown += AutoComplete_PreviewKeyDown;
    }
 
    private void AutoComplete_PreviewKeyDown(object sender, KeyEventArgs e)
    {
        if (e.Key == Key.Down && (this.IsDropDownOpen == false))
        {
            this.IsDropDownOpen = false;
 
            this.Focus();
            this.Populate(this.SearchText);
        }
    }
}

[Dimitar]

Hi Jongmin, 

I am glad that you have found a solution for this. Do not hesitate to contact us if you have other questions.