DataGrid 中的DetailTemplate 中，利用toggleButton 控制显隐

1. <DataGridTemplateColumn.CellTemplate>
2.     <DataTemplate>
3.         <StackPanel Orientation="Horizontal">
4.             <xctk:ToggleSwitch
5.                 Width="30"
6.                 Height="15"
7.                 BorderBrush="Transparent"
8.                 BorderThickness="0"
9.                 CheckedBackground="Orange"
10.                 CheckedContent="On"
11.                 CornerRadius="10"
12.                 IsChecked="{Binding Path=DetailsVisibility, RelativeSource={RelativeSource AncestorType={x:Type DataGridRow}}, Converter={StaticResource VisibilityToNullableBooleanConverter}, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"
13.                 ThumbElasticity="20"
14.                 ThumbHeight="20"
15.                 ThumbWidth="20"
16.                 UncheckedBackground="LightGray"
17.                 UncheckedContent="Off ">
18.                 <i:Interaction.Triggers>
19.                     <i:EventTrigger EventName="IsCheckedValueChanged">
20.                         <i:InvokeCommandAction Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl}, Path=DataContext.DetailCommand}" CommandParameter="{Binding RelativeSource={RelativeSource AncestorType={x:Type DataGridRow}}}" />
21.                     </i:EventTrigger>
22.                 </i:Interaction.Triggers>
23.             </xctk:ToggleSwitch>
24.         </StackPanel>
26.     </DataTemplate>
27. </DataGridTemplateColumn.CellTemplate>

复制代码

这里要特别注意：有些时候，我们为了手动开关这个按钮来显示Detail 的详细信息，以是就必要对DataGrid 添加RowDetailsVisibilityMode属性设置，这个属性有三个值（VisibleWhenSelected、）
名称值说明Collapsed0 不针对任何行显示行详细信息部分。
Visible1 针对所有行显示行详细信息部分。
VisibleWhenSelected2 仅针对选定行显示行详细信息部分。
  

在利用ToggleButton 控制Detail 模板内容显示隐蔽的时候，这个RowDetailsVisibilityMode属性应该设置为Collapsed。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。