How to change the SelectionMode for selecting an item in the Autocomplete control?

2 mins read

The Autocomplete control selection mode for selecting items can be set by using the SelectionMode property. By using this property, the autocomplete Selection mode can be changed to Single, Multiple, or Extended.

When the SelectionMode property is set to Single, you can select only one item at a time. Multiple mode allows you to select multiple items by using the SeparatorCharacter and Extended allows you to select multiple items by pressing the Ctrl key.

Refer to the following code examples.

XAML

//Explains how to set the Different SelectionMode in SelectedItem in the AutoComplete Control
<Window x:Class="AutoComplete.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
         <syncfusion:AutoComplete x:Name="Autocomplete" SelectionMode="Extended" HorizontalAlignment="Center" Height="40" DisplayMemberPath="item"  VerticalAlignment="Top" Width="150" Margin="176,125,177,0"  >
  <syncfusion:AutoComplete.CustomSource>
         <local:AutoCompleteList></local:AutoCompleteList>
   </syncfusion:AutoComplete.CustomSource>
  </syncfusion:AutoComplete>
   </Grid>
</Window>

C#

//Explains How to set the Different SelectionMode in Selected Item in the AutoComplete Control
namespace AutoComplete
{
    public partial class MainWindow : Window
    {
        AutoCompleteList obj = new AutoCompleteList();
        public MainWindow()
        {
            InitializeComponent();
            Autocomplete.CustomSource = obj;
            Autocomplete.SelectionMode = SelectionMode.Extended;
        }
    }
    public class AutomComp
    {
        public string item { get; set; }
    }
    public class AutoCompleteList : List<AutomComp>
    {
        public AutoCompleteList()
        {
            this.Add(new AutomComp() { item = "item 1" });
            this.Add(new AutomComp() { item = "item 2" });
            this.Add(new AutomComp() { item = "item 3" });
            this.Add(new AutomComp() { item = "item 4" });
            this.Add(new AutomComp() { item = "item 5" });
            this.Add(new AutomComp() { item = "item 6" });
        }
    }
}