如何通过使用wpf或创建自定义控件获得以下视图?
由于我需要使用数据模板,并且单元格值可能是对象实例,所以我不能使用winforms来使用旧结构。(更不用说,即使我可以,我也不会!)
分组级别可以是一个(如图片)或多个。这里有四个步骤是令人满意的。
如有其他解决办法,将不胜感激。
最佳答案
干得好
我定义了一个绑定到项(您的数据)的itemscontrol,并定义了一个组样式来显示您期望的数据。
<ItemsControl ItemsSource="{Binding Items}">
<ItemsControl.GroupStyle>
<GroupStyle>
<GroupStyle.ContainerStyle>
<Style TargetType="{x:Type GroupItem}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type GroupItem}">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="auto" />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Border BorderBrush="Black" BorderThickness=".5" Padding="4">
<TextBlock Text="{Binding Name}" VerticalAlignment="Center" />
</Border>
<ItemsPresenter Grid.Column="1" />
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</GroupStyle.ContainerStyle>
</GroupStyle>
</ItemsControl.GroupStyle>
<ItemsControl.ItemTemplate>
<DataTemplate>
<Border BorderBrush="Black" BorderThickness=".5" Padding="4">
<TextBlock Text="{Binding Data}" />
</Border>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
下面是准备小组的代码
Items = new ObservableCollection<Item>();
Items.Add(new Item() { Key = "abcd", Data = 1 });
Items.Add(new Item() { Key = "abcd", Data = 2 });
Items.Add(new Item() { Key = "qwer", Data = 1 });
Items.Add(new Item() { Key = "qwer", Data = 2 });
CollectionView view = (CollectionView)CollectionViewSource.GetDefaultView(Items);
PropertyGroupDescription groupDescription = new PropertyGroupDescription("Key");
view.GroupDescriptions.Add(groupDescription);
之后,一切交给wpf,享受造型和装订的力量。
多级分组
要实现miltilevel分组,只需将propertyGroupDescription添加到view.groupDescriptions
如
groupDescription = new PropertyGroupDescription("Key2");
view.GroupDescriptions.Add(groupDescription);
您可以创建的子组没有限制,您只需要一个组键。