Articles in this section
Category / Section

How to select ListView item using Enter key in Xamarin.Forms application?

3 mins read

ListView allows you to select the ListView item when the Enter key is pressed in UWP platform. You can achieve this by customizing the parent element of SfListView by which you can get the Enter key pressed notification in renderers.

 

Custom KeyDetector: Parent element that sets SelectedItem when pressing the Enter key.

public class KeyDetector : Grid 
{ 
  SfListView ListView; 
 
  public void RaiseSelectionForListView() 
  { 
     if (ListView == null)
         ListView = this.Children[0] as SfListView;
 
     if (ListView != null)
     {                    
        //Write the logics based on SelectionMode of SfListView here.
        if (ListView.SelectedItem != ListView.CurrentItem)
            ListView.SelectedItem = ListView.CurrentItem;
        else
            ListView.SelectedItem = null;
      }
  } 
} 

 

XAML: KeyDetector set for parent of SfListView.

 

<local:KeyDetector Grid.Row="0"> 
   <syncfusion:SfListView x:Name="listView" ItemsSource="{Binding contactsinfo}"> 
        … 
   </syncfusion:SfListView> 
</local:KeyDetector> 

 

Custom renderer: Receive the notification of Enter key and raise the selection for SfListView.

 

public class CustomControl : Control 
{ 
 
} 
    
public class KeyDetectorRenderer : VisualElementRenderer<KeyDetector, CustomControl> 
{ 
   private CustomControl control; 
 
   protected override void OnElementChanged(ElementChangedEventArgs<KeyDetector> e) 
   { 
       base.OnElementChanged(e); 
       if (e.NewElement != null) 
       { 
           this.control = new CustomControl(); 
           this.SetNativeControl(this.control); 
           this.Control.IsTabStop = true; 
           this.KeyDown += KeyDetectorRenderer_KeyDown; 
…  
       } 
   } 
 
   private void KeyDetectorRenderer_KeyDown(object sender, KeyRoutedEventArgs e) 
   { 
      if (e.Key == VirtualKey.Enter) 
      { 
         this.Element.RaiseSelectionForListView(); 
      } 
   } 
} 

 

Download sample in GitHub.

 

Conclusion

I hope you enjoyed learning about how to select ListView item using Enter key in Xamarin.Forms application.

You can refer to our Xamarin.Forms ListView feature tour page to know about its other groundbreaking feature representations. You can also explore our Xamarin.Forms ListView documentation to understand how to create and manipulate data.

For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forumsDirect-Trac, or feedback portal. We are always happy to assist you!

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied