We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

GroupBy list bound to accordion control


Wondering if it's possible to take this example data you sent me and and bind it to a listview and wrap that inside an Accordion control?  We were asked to collapse/expand the ListView sections, but are having difficulty accomplishing that.  Is it possible to use the accordion with the ListView inside?  We have custom controls inside the ListView to show each element and will want to keep that part.

In this example, we'd like to "group by" the customer's country.

            _orders.Add(new OrderInfo(1001, "Maria Anders", "Germany", "ALFKI", "Berlin"));
            _orders.Add(new OrderInfo(1002, "Ana Trujilo", "Mexico", "ANATR", "México D.F."));
            _orders.Add(new OrderInfo(1003, "Antonio Moreno", "Mexico", "ANTON", "México D.F."));
            _orders.Add(new OrderInfo(1004, "Thomas Hardy", "UK", "AROUT", "London"));
            _orders.Add(new OrderInfo(1005, "Christina Berglund", "Sweden", "BERGS", "Luleå"));
            _orders.Add(new OrderInfo(1006, "Hanna Moos", "Germany", "BLAUS", "Mannheim"));
            _orders.Add(new OrderInfo(1007, "Frédérique Citeaux", "France", "BLONP", "Strasbourg"));
            _orders.Add(new OrderInfo(1008, "Martin Sommer", "Spain", "BOLID", "Madrid"));
            _orders.Add(new OrderInfo(1009, "Laurence Lebihan", "France", "BONAP", "Marseille"));
            _orders.Add(new OrderInfo(1010, "Elizabeth Lincoln", "Canada", "BOTTM", "Tsawassen"));

If possible, please let me know how to setup the bindings.  Thanks!

1 Reply

SM Sugapriya Mariappan Syncfusion Team April 18, 2016 12:48 PM UTC

Hi Deanna,

Thank you for contacting Syncfusion Support

We have prepared a sample based on your update.In this sample we have added ListView inside SfAccordion control and grouped the collection using collectionviewsource

Please download the sample from the below link

If your requirement is different from the above sample,please provide more informationa bout your requirement


Live Chat Icon For mobile
Up arrow icon