Cannot bind list of items in GridView column

Question

I\'m building an application that show to user the live result of a matches series. I setup the structure of data as follows: Countries->Leagues->Matches

Answer 1

If you want to use the ListView's grouping abilities, you have to provide it a flat list of the items you want to group (in your case, the leagues), not the header items. The CollectionView does the grouping for you by specifying GroupDescriptions.

For example, assuming the League class has a Country property:

class ViewModel
{
    public ObservableCollection Country { get; }

    public IEnumerable AllLeagues => Country.SelectMany(c => c.Leagues);
}

public class League
{
    public string Name { get; set; }
    public List Event { get; set; }
    // add Country here
    public Country Country { get; set; }
}

class 


   
        
   

Then when you bind the columns, you bind directly to League properties, e.g.:

And in the group style you can bind to Country properties, as you've done.

Alternative solution

If you want to display any hierarchical data in WPF you can either use a control that was built for it (such as the Xceed data grid) or hack it together with the built-in WPF data grid's row details.

Here's a sample XAML for this (note it uses your original data structures without the modifications I suggested above). These are essentially 3 data grids nested within each other. Each grid has its own set of columns, so you can define anything you want for each level (Country, League, Event).

You'll also need the code for the converter I used:

public class VisibilityToBooleanConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        => value as Visibility? == Visibility.Visible;

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        => value as bool? == true ? Visibility.Visible : Visibility.Collapsed;
}