Articles in this section
Category / Section

How to create a grouped ListView in .NET MAUI (SfListView) ?

1 min read

You can create a grouped ListView in .NET MAUI by creating a GroupDescriptor object and inserting it into the GroupDescriptors collection and .NET MAUI ListView (SfListView) supports grouping items based on custom logic for each GroupDescriptor via KeySelector.

The GroupDescriptor object holds the following properties: 

  • PropertyName: Describes the name of the property to be grouped.
  • KeySelector : Describes selector to return the group key.
  • Comparer : Describes comparer to be applied when sorting takes place.

C#

The below code snippet explains how to group the items based on first character of the item.

  public class Behavior : Behavior<Syncfusion.Maui.ListView.SfListView>
  {
        private Syncfusion.Maui.ListView.SfListView ListView;
        protected override void OnAttachedTo(Syncfusion.Maui.ListView.SfListView bindable)
        {
            ListView = bindable;
            ListView.DataSource.GroupDescriptors.Add(new GroupDescriptor()
            {
                PropertyName = "ContactName",
                KeySelector = (object obj1) =>
                {
                    var item = (obj1 as ListViewContactInfo);
                    return item.ContactName[0].ToString();
                },
            });
            base.OnAttachedTo(bindable);
        }
 
        protected override void OnDetachingFrom(Syncfusion.Maui.ListView.SfListView bindable)
        {
            ListView = null;
            base.OnDetachingFrom(bindable);
        }
}

View Sample in Github

Create grouped ListView in .NET MAUI

Take a moment to peruse the documentation, to learn more about grouping in SfListView with code.

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