In DataGridRow ControlTemplate, how to bind to DataGridRow.IsSelected?

[arnirichard]

I have this code.

I need to set 'itemsControl' to Visible only when DataGridRow is selected, I can't find out how to do it, but I suspect it is easy.

Please help.

	<Style Selector="DataGridRow">
		<Setter Property="Template">
			<Setter.Value>
				<ControlTemplate>
					<StackPanel>
						<Border Height="{DynamicResource DataGridRowHeight}"
								Background="{TemplateBinding Background}">
							<DataGridCellsPresenter x:Name="PART_CellsPresenter" />
						</Border>

						<ItemsControl 
							Name="itemsControl

Ok, I found this solution, not very pretty but it works

<ItemsControl.IsVisible>
   <MultiBinding Converter="{StaticResource IsEqualMultiConverter}">
     <Binding/>
     <Binding Path="SelectedItem" RelativeSource="{RelativeSource AncestorType=DataGrid}"/>
   </MultiBinding>
</ItemsControl.IsVisible>

[msneijders]

Not tested if it really works, but you could follow the pattern of the DataGridRow ControlTheme of avalonia, it uses this pattern for styling a selected row:

<ControlTheme x:Key="{x:Type DataGridRow}" TargetType="DataGridRow">
      <Style Selector="^:selected">
        <Style Selector="^ /template/ ItemsControl#itemsControl">
          <Setter Property="IsVisible" Value="True" /> <!-- and default you set is isvisible false, also using a Style i think -->
        </Style>
      </Style>
</ControlTheme>

[arnirichard]

@msneijders I had tried this, but it does not work

<Style Selector="DataGridRow /template/ ItemsControl#itemsControl">
  <Setter Property="IsVisible" Value="False"/>
</Style>
<Style Selector="DataGridRow:selected /template/ ItemsControl#itemsControl">
  <Setter Property="IsVisible" Value="True"/>
</Style>

[msneijders]

I am not sure, but I think /template/ only works for styles inside a ControlTheme?

You could try a ControlTheme i.e.:

<ControlTheme x:Key="MyCustomDataGridRow" TargetType="DataGridRow" BasedOn="{StaticResource {x:Type DataGridRow}}">
   <Setter Property="Template">
      <ControlTemplate>
           <!-- your template -->
      </ControlTemplate>
   </Setter>
    <Style Selector="^ /template/ ItemsControl#itemsControl">
     <Setter Property="IsVisible" Value="False" />
    </Style>
      <Style Selector="^:selected">
        <Style Selector="^ /template/ ItemsControl#itemsControl">
          <Setter Property="IsVisible" Value="True" />
        </Style>
      </Style>
</ControlTheme>

(this is typed here without code editor, so expect typos)

And set this controltheme as your DataGrid.RowTheme.

[msneijders]

Or using your styles, and try removing /template/. So:

<Style Selector="DataGridRow ItemsControl#itemsControl">
  <Setter Property="IsVisible" Value="False"/>
</Style>
<Style Selector="DataGridRow:selected ItemsControl#itemsControl">
  <Setter Property="IsVisible" Value="True"/>
</Style>

[msneijders]

As I liked your idea for a gridrow, I tested it, both techniques work:

Although it also reminds me, that DataGrid also supports RowDetails? Like WPF has. Which is a bit similar?