Como agrupar ListBoxItems pela primeira letra no WPF usando XAML?
Primeiro,aqui é o post anterior que lida com oListBox
Vinculação de dados AccountListBox ao meuObservableCollection<Account>
Contas doAccountsCollection.cs
classe.
Então agora eu tenho um objeto de ligação AccountsCollection e um DataTemplate chamado AccountTemplate para meu ListBox definido nos recursos:
<Window.Resources>
<controller:AccountsWindowController x:Key="AccountsCollection" />
<DataTemplate x:Key="AccountTemplate">
<DockPanel>
<Button Name="EditButton"
DockPanel.Dock="Right"
Margin="3 0 3 0"
VerticalAlignment="Center"
Content="Edit" />
<Button Name="DeleteButton"
DockPanel.Dock="Right"
Margin="3 0 3 0"
VerticalAlignment="Center"
Content="Delete" />
<TextBlock Name="AccountName"
VerticalAlignment="Center"
Text="{Binding Name}"
TextWrapping="NoWrap"
TextTrimming="CharacterEllipsis" />
</DockPanel>
</DataTemplate>
<Window.Resources>
E aqui está o código relacionado ao próprio LisBox:
<ListBox Name="AccountsListBox"
Margin="12,38,12,41"
HorizontalContentAlignment="Stretch"
ScrollViewer.HorizontalScrollBarVisibility="Disabled"
ItemsSource="{Binding Accounts,
Source={StaticResource ResourceKey=AccountsCollection}}"
ItemTemplate="{StaticResource ResourceKey=AccountTemplate}"
MouseDoubleClick="AccountsListBox_MouseDoubleClick">
</ListBox>
Quero que minha lista seja projetada para agrupar todas as contas iniciando a letra e mostrá-la na lista (também quero aplicar um design a essacabeçalho da carta) O resultado final deve ser algo como isto:
Obrigado por toda a ajuda!
ATUALIZAR: Aqui está o código com o agrupamento implementado com sucesso.
<Window x:Class="Gui.Wpf.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:entities="clr-namespace:Entities.Accounts;assembly=Entities"
xmlns:contollers="clr-namespace:Gui.Wpf.Controllers"
xmlns:converters="clr-namespace:Gui.Wpf.Converters"
xmlns:componentModel="clr-namespace:System.ComponentModel;assembly=WindowsBase"
Title="MainWindow"
Width="525"
Height="350" >
<Window.Resources>
<!-- Main window controller -->
<contollers:MainWindowController
x:Key="MainWindowController" />
<!-- Converter for first letter extraction from the account name -->
<converters:FirstLetterConverter x:Key="FirstLetterConv" />
<!-- View source for the AccountsListBox -->
<CollectionViewSource
x:Key="AccountsView"
Source="{Binding Accounts, Source={StaticResource ResourceKey=MainWindowController}}">
<!-- Sorting -->
<CollectionViewSource.SortDescriptions>
<componentModel:SortDescription PropertyName="AccountName" />
</CollectionViewSource.SortDescriptions>
<!-- Grouping -->
<CollectionViewSource.GroupDescriptions>
<PropertyGroupDescription PropertyName="AccountName" Converter="{StaticResource ResourceKey=FirstLetterConv}" />
</CollectionViewSource.GroupDescriptions>
</CollectionViewSource>
<!-- Data template for the type Account -->
<DataTemplate
DataType="{x:Type entities:Account}">
<DockPanel>
<Button
Name="DeleteButton"
DockPanel.Dock="Right"
Margin="3, 1, 3, 1"
VerticalAlignment="Center"
Content="Delete" />
<Button
Name="EditButton"
DockPanel.Dock="Right"
Margin="3, 1, 3, 1"
VerticalAlignment="Center"
Content="Edit" />
<TextBlock
Name="AccountNameTextBlock"
VerticalAlignment="Center"
Text="{Binding AccountName}"
TextWrapping="NoWrap"
TextTrimming="CharacterEllipsis" />
</DockPanel>
</DataTemplate>
<!-- Data template for AccountListBox grouping -->
<DataTemplate x:Key="GroupingHeader">
<TextBlock Text="{Binding Path=Name}" Background="Black" Foreground="White" />
</DataTemplate>
</Window.Resources>
<Grid>
<ListBox
Name="AccountsListBox"
Width="300"
Height="200"
HorizontalAlignment="Center"
VerticalAlignment="Center"
ItemsSource="{Binding Source={StaticResource ResourceKey=AccountsView}}"
HorizontalContentAlignment="Stretch" >
<ListBox.GroupStyle>
<GroupStyle
HeaderTemplate="{StaticResource ResourceKey=GroupingHeader}" />
</ListBox.GroupStyle>
</ListBox>
</Grid>