ElementName Binding Broken in a ControlTemplate
Pergunta
Eu tenho ListView com itens de agrupamento. O agrupamento usa GroupStyle personalizado (expansor). Eu gostaria de ter a caixa de seleção que se expandirá e colapse todos os grupos quando. Funciona bem até que eu clique manualmente no cabeçalho do grupo e expanda ou colapse esse grupo. Depois de clicar nesse grupo específico, para para responder na seleção da caixa de seleção. Parece que a ligação é quebrada depois que o usuário clica manualmente no grupo.
Por favor, informe o que estou fazendo de errado.
Muito obrigado.
Sinceramente, Vlad.
<Window xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'>
<Window.Resources>
<XmlDataProvider x:Key="MyData" XPath="/Info">
<x:XData>
<Info xmlns="">
<Item Name="Item 1" Category="Cat1" />
<Item Name="Item 2" Category="Cat1" />
<Item Name="Item 3" Category="Cat2" />
<Item Name="Item 4" Category="Cat2" />
<Item Name="Item 5" Category="Cat2" />
<Item Name="Item 6" Category="Cat3" />
</Info>
</x:XData>
</XmlDataProvider>
<CollectionViewSource x:Key='src' Source="{Binding Source={StaticResource MyData}, XPath=Item}">
<CollectionViewSource.GroupDescriptions>
<PropertyGroupDescription PropertyName="@Category" />
</CollectionViewSource.GroupDescriptions>
</CollectionViewSource>
<ControlTemplate x:Key="ListTemplate" TargetType="ListView">
<ListView BorderThickness="0"
ItemsSource='{Binding RelativeSource={RelativeSource TemplatedParent}, Path=ItemsSource}'
DisplayMemberPath="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=DisplayMemberPath}">
<ListView.GroupStyle>
<GroupStyle>
<GroupStyle.ContainerStyle>
<Style TargetType="{x:Type GroupItem}">
<Setter Property="Margin" Value="0,0,0,5" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type GroupItem}">
<Expander IsExpanded="{Binding IsChecked, ElementName=chkExpandAll, Mode=OneWay}">
<Expander.Header>
<DockPanel>
<TextBlock FontWeight="Bold" Text="{Binding Path=Name}" Margin="5,0,0,0" Width="100" />
<TextBlock FontWeight="Bold" Text="{Binding Path=ItemCount}" />
</DockPanel>
</Expander.Header>
<Expander.Content>
<ItemsPresenter />
</Expander.Content>
</Expander>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</GroupStyle.ContainerStyle>
</GroupStyle>
</ListView.GroupStyle>
</ListView>
</ControlTemplate>
</Window.Resources>
<StackPanel>
<CheckBox Name="chkExpandAll" IsChecked="True" Content="Expand All" />
<ListView ItemsSource='{Binding Source={StaticResource src}}' DisplayMemberPath="@Name" BorderThickness="1" Template="{StaticResource ListTemplate}" />
</StackPanel>
</Window>
Solução
Encontrei solução para o problema. O que precisa ser feito é especificar o modo = twoway e updateRourCetriGger = explícito, então dessa maneira não está quebrando a ligação e tudo funciona bem. Abaixo é um exemplo de código de trabalho.
<Window xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'>
<Window.Resources>
<XmlDataProvider x:Key="MyData" XPath="/Info">
<x:XData>
<Info xmlns="">
<Item Name="Item 1" Category="Cat1" />
<Item Name="Item 2" Category="Cat1" />
<Item Name="Item 3" Category="Cat2" />
<Item Name="Item 4" Category="Cat2" />
<Item Name="Item 5" Category="Cat2" />
<Item Name="Item 6" Category="Cat3" />
</Info>
</x:XData>
</XmlDataProvider>
<CollectionViewSource x:Key='src' Source="{Binding Source={StaticResource MyData}, XPath=Item}">
<CollectionViewSource.GroupDescriptions>
<PropertyGroupDescription PropertyName="@Category" />
</CollectionViewSource.GroupDescriptions>
</CollectionViewSource>
<ControlTemplate x:Key="ListTemplate" TargetType="ListView">
<ListView BorderThickness="0"
ItemsSource='{Binding RelativeSource={RelativeSource TemplatedParent}, Path=ItemsSource}'
DisplayMemberPath="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=DisplayMemberPath}">
<ListView.GroupStyle>
<GroupStyle>
<GroupStyle.ContainerStyle>
<Style TargetType="{x:Type GroupItem}">
<Setter Property="Margin" Value="0,0,0,5" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type GroupItem}">
<StackPanel>
<Expander Name="exp" IsExpanded="{Binding IsChecked, ElementName=chkExpandAll, Mode=TwoWay, UpdateSourceTrigger=Explicit}">
<Expander.Header>
<DockPanel>
<TextBlock FontWeight="Bold" Text="{Binding Path=Name}" Margin="5,0,0,0" Width="100" />
<TextBlock FontWeight="Bold" Text="{Binding Path=ItemCount}" />
</DockPanel>
</Expander.Header>
<Expander.Content>
<ItemsPresenter />
</Expander.Content>
</Expander>
</StackPanel>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</GroupStyle.ContainerStyle>
</GroupStyle>
</ListView.GroupStyle>
</ListView>
</ControlTemplate>
</Window.Resources>
<StackPanel>
<CheckBox Name="chkExpandAll" Content="Expand All" />
<ListView ItemsSource='{Binding Source={StaticResource src}}' DisplayMemberPath="@Name" BorderThickness="1" Template="{StaticResource ListTemplate}" />
</StackPanel>
</Window>
Outras dicas
Parece que a encadernação está quebrada, pois está definida como uma via com a caixa de seleção, se você clicar em algum dos expansores, ela quebrará a ligação. Definir -o para ser Twoway fará com que ele sempre funcione, mas a expansão de um item fará com que todos eles se expandam, o que não é muito útil.
Acredito que a solução para isso será não usar ligações, mas para usar storyboards. Você pode demitir um storyboard que fará com que todos os expansores sejam definidos como verdadeiros/falsos, independentemente do estado atual. Atualizar a caixa de seleção pode ser mais complicada, pois há alguma lógica necessária para ver se todas as caixas de seleção ou apenas algumas são verificadas.