Category / Section
How to get SelectedItem in AutoComplete?
1 min read
To get the SelectedItem in AutoComplete, follow the given steps:
Step 1: Create the AutoComplete sample and include the necessary source files.
Step 2: Create an instance for AutoComplete.
Step 3: Create an instance for List and populate it using Add() function.
Step 4: Then assign the populated list to AutoComplete’s AutoCompleSource property.
Step 5: And assign the selected items to editText in ValueChanged event listener.
C#
public partial class AutoCompletePage : ContentPage { SfAutoComplete autoComplete; Label autoCompleteLabel,enteredTextLabel; Entry enteredTextEntry; public AutoCompletePage() { InitializeComponent(); autoCompleteLabel = new Label(); autoCompleteLabel.Text = "Country AutoComplete"; autoComplete = new SfAutoComplete(); autoComplete.MaximumDropDownHeight = 200; autoComplete.Watermark = "Enter the Text"; List<string> list = new List<string>(); list.Add("Uganda"); list.Add("Ukraine"); list.Add("United Arab Emirates"); list.Add("United Kingdom"); list.Add("United States"); list.Add("Uruguay"); list.Add("Uzbekistan"); autoComplete.AutoCompleteSource = list; autoComplete.ValueChanged += (object sender, Syncfusion.SfAutoComplete.XForms.ValueChangedEventArgs e) => { enteredTextEntry.Text = e.Value.ToString(); }; enteredTextLabel = new Label(); enteredTextLabel.Text = "Entered Text"; enteredTextEntry = new Entry(); StackLayout stack = new StackLayout(); stack.Padding = new Thickness(10,10,10,10); stack.Children.Add(autoCompleteLabel); stack.Children.Add(autoComplete); stack.Children.Add(enteredTextLabel); stack.Children.Add(enteredTextEntry); this.Content = stack; } }
The following screenshot shows how to get the SelectedItem in AutoComplete: