如何隐藏数据网格详细信息行

Question

我有一个数据网格，其 RowDetialsVisibilityMode 设置为 VisibleWhenSelected，并相应设置了 RowDetailsTemplate。当用户选择一行时，会显示详细信息，这与描述的完全相同。然而，在查看详细信息后，用户希望再次隐藏该行详细信息而不显示另一行的详细信息。如何最好地实现这一点。

更新：正如评论中提到的，最好的选择可能是详细信息行中的一个按钮来隐藏该行，但我想知道绑定会是什么样子？

Answer 1

由于此功能是基于演示的，因此我会为按钮创建一个折叠行的行为，

public class CollapseRowAction : TriggerAction<ButtonBase>
{
    public CollapseRowAction() {}
    protected override void Invoke(object o)
    {
        var dg = FindVisualParent<DataGrid>(this.AssociatedObject);
        if (dg != null)
            dg.SelectedIndex = -1;

    }

    private static T FindVisualParent<T>(DependencyObject child) where T : DependencyObject
    {      

        DependencyObject parentObject = VisualTreeHelper.GetParent(child);   
        if (parentObject == null) return null; 

        T parent = parentObject as T;
        if (parent != null) 
        { 
            return parent; 
        }
        else
        {
            return FindVisualParent<T>(parentObject);
        }
    }
}

并且在 XAML 中：

<sdk:DataGrid.RowDetailsTemplate>
<DataTemplate>
    <StackPanel Orientation="Horizontal">
        <!--... However row details are presented ...-->
        <Button Margin="10" Content="Collapse">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Click">
                    <myTriggers:CollapseRowAction/>
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </Button>
    </StackPanel>
</DataTemplate>
</sdk:DataGrid.RowDetailsTemplate>