WPF GroupBox HeaderTemplate y DataBinding

Question

Defino un headertemplate en un wpf groupbox y el enlace de datos no funciona. No entiendo por qué.

<GroupBox> 
<GroupBox.HeaderTemplate> 
      <DataTemplate> 
      <StackPanel Orientation="Horizontal" > 
       <Image Source="/PopuAssuNetApplication.UI.Control;component/Images/Members.png" Width="24" /> 
       <TextBlock VerticalAlignment="Center"> 
           <TextBlock.Text> 
             <MultiBinding StringFormat="{x:Static Member=resx:Resources.PersonsInContractGroupBox}"> 
              <Binding Path="CurrentContract.Federation" RelativeSource="{RelativeSource FindAncestor, AncestorType={x:Type GroupBox}}"> 
              </Binding> 
              <Binding Path="CurrentContract.Type" Converter="{StaticResource contractTypeConverter}" RelativeSource="{RelativeSource FindAncestor, AncestorType={x:Type GroupBox}}"> 
              </Binding> 
              <Binding Path="CurrentContract.Number" RelativeSource="{RelativeSource FindAncestor, AncestorType={x:Type GroupBox}}"> 
              </Binding> 
             </MultiBinding> 
            </TextBlock.Text> 
       </TextBlock> 
       <WpfComponent:WaitControl Margin="7,0,0,0" VerticalAlignment="Top" Width="24" Height="24" MarginCenter="4"> 
        <WpfComponent:WaitControl.Style> 
         <Style> 
          <Style.Triggers> 
           <DataTrigger Binding="{Binding Path=IsMembersOfContractBusy, UpdateSourceTrigger=PropertyChanged, ElementName=PersonsInContract}" Value="true"> 
            <Setter Property="WpfComponent:WaitControl.Visibility" Value="Visible" /> 
           </DataTrigger> 
           <DataTrigger Binding="{Binding Path=IsMembersOfContractBusy, UpdateSourceTrigger=PropertyChanged, ElementName=PersonsInContract}" Value="false"> 
            <Setter Property="WpfComponent:WaitControl.Visibility" Value="Collapsed" /> 
           </DataTrigger> 
          </Style.Triggers> 
         </Style> 
        </WpfComponent:WaitControl.Style> 
       </WpfComponent:WaitControl> 
      </StackPanel> 
       </DataTemplate> 
     </GroupBox.HeaderTemplate> 

Answer 1

El GroupBox no tiene un miembro llamado "CurrentContract". Lo más probable es que quiera acceder a una propiedad llamada "CurrentContract" del ViewModel correspondiente? El modelo de vista es DataContext del GroupBox, así que hay que cambiar las rutas de enlace a algo como ...

<Binding Path="DataContext.CurrentContract.Type" Converter="{StaticResource contractTypeConverter}" RelativeSource="{RelativeSource FindAncestor, AncestorType={x:Type GroupBox}}"> 

Answer 2

la lección aprendida anteriormente es útil en general para DataTemplates, pero en realidad descubierto recientemente que hay una manera mejor para cambiar la cabecera de un cuadro de grupo:

<GroupBox> 
    <GroupBox.Header> 
     <CheckBox IsChecked="{Binding Path=mSomeBoolean}"/> 
    </GroupBox.Header> 
</GroupBox> 

de esta manera no hay necesidad de definir una fuente relativo en los enlaces.

También tenga en cuenta this issue con GroupBoxes y el encabezado.

Answer 3

El problema es que el HeaderTemplate se utiliza para crear plantillas de la cabecera de este modo dentro del HeaderTemplate su DataContext es lo que ates o asignar a la propiedad de su HeaderGroupBox.

Piense en la propiedad Header como casi como DataContext para el encabezado del control. Normalmente, la propiedad DataContext inhibe su valor desde su elemento principal, pero como no todos los controles tienen un Header, el encabezado está en blanco a menos que lo establezca.

Al vincular su encabezado explícitamente al DataContext actual Header="{Binding}" su ejemplo debería funcionar como esperaba. Para ayudar a ilustrar cómo funciona esto, he creado un ejemplo simple a continuación que muestra cómo el Header y el DataContext funcionan independientemente el uno del otro para proporcionar datos al cuerpo o al encabezado del control.

<GroupBox Header="HEADER TEXT" DataContext="BODY TEXT"> 
    <GroupBox.HeaderTemplate> 
     <DataTemplate> 
      <Button Content="{Binding}" 
        Background="LightGreen" /> 
     </DataTemplate> 
    </GroupBox.HeaderTemplate> 

    <CheckBox HorizontalAlignment="Center" 
       VerticalAlignment="Center" Content="{Binding}" /> 
</GroupBox> 

Esto dará lugar a una GroupBox que se parece a la siguiente.

creo que por defecto en databinding, WPF siempre obtiene los datos de la propiedad DataContext. Parece no en datatemplate

Su suposición es correcta sobre DataContext y funciona en el DataTemplate como he demostrado es sólo que en la plantilla de la cabecera de la DataContext es el valor de la propiedad de la cabecera y no el propio DataContext.

Answer 4

<GroupBox > 
     <GroupBox.HeaderTemplate> 
      <DataTemplate> 
        <RadioButton Content="myR" 
          IsChecked="{Binding rIsChecked, Mode=TwoWay}" 
          DataContext="{Binding DataContext, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type GroupBox}}}" /> 
      </DataTemplate> 
     </GroupBox.HeaderTemplate> 
     <GroupBox.Content> 
      <Grid IsEnabled="{Binding rIsChecked}"> 
      </Grid> 
     </GroupBox.Content> 
    </GroupBox> 

Sólo se propagan GroupBox CC al contenido DataTemplate ... funciona como un encanto ...

Answer 5

Esto es lo que funcionó para mí:

<HeaderedContentControl Header="{Binding}" Style="{StaticResource TallHeaderedContentStyle}"> 
    <HeaderedContentControl.HeaderTemplate> 
    <DataTemplate> 
     <TextBlock Text="{Binding Path=HeaderText"} /> 
    </DataTemplate> 
    </HeaderedContentControl.HeaderTemplate>