Question

我在ObservableCollection内有一系列项目，每个项目都有一个特定的国家/地区名称（只有一个字符串）。这是我的收藏：

private ObservableCollection<League> _leagues = new ObservableCollection<League>();
    public ObservableCollection<League> Leagues
    {
        get
        {
            return _leagues;
        }
        set
        {
            _leagues = value;
            OnPropertyChanged();
        }
    }

League模型只有Name和NationName属性。 Xaml看起来像这样：

<Controls:DropDownButton Content="Leagues" x:Name="LeagueMenu"
                             ItemsSource="{Binding Leagues}"
                                     ItemTemplate="{StaticResource CombinedTemplate}" >
        <Controls:DropDownButton.GroupStyle>
            <GroupStyle>
                <GroupStyle.HeaderTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding NationName}" />
                    </DataTemplate>
                </GroupStyle.HeaderTemplate>
            </GroupStyle>
        </Controls:DropDownButton.GroupStyle>
</Controls:DropDownButton>

但是我没有为NationName属性获取任何标头，DropDown内的项目没有标题而是列表，因此没有组织。我试图获得this predisposition.

我做错了什么？

Answer 1

如果你查看了你链接到的其他帖子，答案就是全部 - 特别是你需要绑定到CollectionView，而不是直接绑定到集合。然后，您可以在CollectionView上设置分组。

因此，在您的情况下，定义属性：

public ICollectionView LeaguesView { get; private set; }

然后在您创建了联赛收藏后，将视图附加到您的收藏中，当您在其中设置视图分组时：

LeaguesView = (ListCollectionView)CollectionViewSource.GetDefaultView(Leagues);
LeaguesView.GroupDesriptions.Add(new PropertyGroupDescription("NationName"));

然后，将DropDownButton ItemSource绑定到LeaguesView，并将HeaderTemplate更改为绑定到＆＃34; Name＆＃34; - 这是该组的名称：

            <GroupStyle.HeaderTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Name}" />
                </DataTemplate>
            </GroupStyle.HeaderTemplate>

如果您想要显示该组中有多少项，您也可以在那里使用ItemCount属性。

Answer 2

预赛

在WPF中ItemsControl中对项目进行分组（DropDownButton派生的）非常简单，并且分两步完成。首先，您需要通过调整与源集合关联的ICollectionView来设置项目源。然后，您需要使用至少一个ItemsControl.GroupStyle项填充GroupStyle集合 - 否则项目将以简单（非分组）方式显示。

诊断

您面临的主要问题是让下拉列表以分组方式显示项目。不幸的是，与设置项目源不同，在DropDownButton控件的情况下，它不是容易实现的。其原因源于控件（或更确切地说，其模板）的设计方式 - 下拉列表显示在附加到ContextMenu的{{1}}内，该Button是模板的一部分（见MahApps.Metro source code）。现在ContextMenu也派生自ItemsControl，其大多数属性都绑定到模板化DropDownButton的相应属性。但是它的GroupStyle属性不是这种情况，因为它是一个只读的非依赖属性，不能绑定或事件样式。这意味着即使您向DropDownButton.GroupStyle集合添加项目，ContextMenu.GroupStyle集合仍为空，因此项目以非分组方式显示。

解决方案（解决方法）

最可靠但最麻烦的解决方案是重新模板控件并将GroupStyle项直接添加到ContextMenu.GroupStyle集合中。但我可以为您提供更简洁的解决方法。

首先，让我们来处理第一步 - 设置项目来源。最简单的方法（在我看来）是在XAML中使用CollectionViewSource。在你的情况下，它将归结为这些方面的东西：

<mah:DropDownButton>
    <mah:DropDownButton.Resources>
        <CollectionViewSource x:Key="LeaguesViewSource" Source="{Binding Leagues}">
            <CollectionViewSource.GroupDescriptions>
                <PropertyGroupDescription PropertyName="NationName" />
            </CollectionViewSource.GroupDescriptions>
        </CollectionViewSource>
    </mah:DropDownButton.Resources>
    <mah:DropDownButton.ItemsSource>
        <Binding Source="{StaticResource LeaguesViewSource}" />
    </mah:DropDownButton.ItemsSource>
</mah:DropDownButton>

现在主要部分 - 我们的想法是，我们将创建一个辅助类，它将包含一个附加的依赖项属性，该属性将为DropDownButton所有者ContextMenu控件分配负责呈现其项目。更改所有者后，我们会观察其DropDownButton.GroupStyle集合并使用ContextMenu.GroupStyleSelector向ContextMenu提供来自其所有者集合的内容。这是代码：

public static class DropDownButtonHelper
{
    public static readonly DependencyProperty OwnerProperty =
        DependencyProperty.RegisterAttached("Owner", typeof(DropDownButton), typeof(DropDownButtonHelper), new PropertyMetadata(OwnerChanged));

    public static DropDownButton GetOwner(ContextMenu menu)
    {
        return (DropDownButton)menu.GetValue(OwnerProperty);
    }

    public static void SetOwner(ContextMenu menu, DropDownButton value)
    {
        menu.SetValue(OwnerProperty, value);
    }

    private static void OwnerChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var menu = (ContextMenu)d;
        if (e.OldValue != null)
            //unsubscribe from the old owner
            ((DropDownButton)e.OldValue).GroupStyle.CollectionChanged -= menu.OwnerGroupStyleChanged;
        if (e.NewValue != null)
        {
            var button = (DropDownButton)e.NewValue;
            //subscribe to new owner
            button.GroupStyle.CollectionChanged += menu.OwnerGroupStyleChanged;
            menu.GroupStyleSelector = button.SelectGroupStyle;
        }
        else
            menu.GroupStyleSelector = null;
    }

    private static void OwnerGroupStyleChanged(this ContextMenu menu, object sender, NotifyCollectionChangedEventArgs e)
    {
        //this method is invoked whenever owners GroupStyle collection is modified,
        //so we need to update the GroupStyleSelector
        menu.GroupStyleSelector = GetOwner(menu).SelectGroupStyle;
    }

    private static GroupStyle SelectGroupStyle(this DropDownButton button, CollectionViewGroup group, int level)
    {
        //we select a proper GroupStyle from the owner's GroupStyle collection
        var index = Math.Min(level, button.GroupStyle.Count - 1);
        return button.GroupStyle.Any() ? button.GroupStyle[index] : null;
    }
}

为了完成第二步，我们需要绑定Owner的{{1}}属性（我们将使用ContextMenu来执行此操作）并添加一些DropDownButton.MenuStyle GroupStyle的商品：

DropDownButton

我认为这应该足以实现你的目标。

组织DropDownButton中的项目？

2 个答案:

预赛

诊断

解决方案（解决方法）