Question

我喜欢使用嵌套的数据网格，以下是它的定义，以下是输出的屏幕截图

enter image description here

在上图中，我有2个数据网格。如果我单击外网格的任何一行，则显示相应的内网格。现在，我没有得到如何处理此事件以及显示相应的内部网格数据。

这是Iam绑定我的datagrid的类结构，

class MyClass
    {
        public string Col1{ get; set; }
        public string Col2{ get; set; }
        public string Col3{ get; set; }
        public string Col4{ get; set; }
        public string Col5{ get; set; }
        public ObservableCollection<InnerObject> inner_object{ get; set; }
    }

class InnerObject
{
    public string EventName { get; set; }
    public string Date { get; set; }
    public string Time { get; set; }
    public string Message { get; set; }
    public int RIndex { get; set; }
}
<DataGrid
        x:Name="objDatagrid"
        ItemsSource="{Binding DataView}"
        CanUserAddRows="False"
        CanUserDeleteRows="False"
        AutoGenerateColumns="False"
        BorderBrush="Gray"
            >
            <DataGrid.RowStyle>
                <Style TargetType="{x:Type DataGridRow}">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding TDate}" Value="">
                            <Setter Property="Visibility" Value="Collapsed"/>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </DataGrid.RowStyle>
            <DataGrid.RowDetailsTemplate >
                <DataTemplate>


                        <DataGrid
            x:Name="objInnerDatagrid"
            IsReadOnly="True"
            ItemsSource="{Binding ElementName=objDatagrid, Path=SelectedItem.inner_object}"> 
                            <DataGrid.RowStyle>
<Style TargetType="{x:Type DataGridRow}">
                                    <Style.Triggers>
                                        <DataTrigger Binding="{Binding Date}" Value="">
                                            <Setter Property="Visibility" Value="Collapsed"/>
                                        </DataTrigger>
                                    </Style.Triggers>
                                </Style>
                            </DataGrid.RowStyle>
                            <DataGrid.Columns>
                            </DataGrid.Columns>
                        </DataGrid>
                </DataTemplate>
            </DataGrid.RowDetailsTemplate>
            <DataGrid.Columns>
                <DataGridTextColumn Header="Col1" Width="SizeToHeader" Binding="{Binding Col1}" IsReadOnly="True"/>
                <DataGridTextColumn Header="Col2" Width="80" Binding="{Binding Col2}" IsReadOnly="True"/>
                <DataGridTextColumn Header="Col3" Width="80" Binding="{Binding Col3}" IsReadOnly="True"/>
                <DataGridTextColumn Header="Col4" Width="120" Binding="{Binding Col4}" IsReadOnly="True"/>
                <DataGridTextColumn Header="Col5" Width="100" Binding="{Binding Col5}" IsReadOnly="True"/>
            </DataGrid.Columns>
        </DataGrid>

我是WPF的新手。谁能解释一下上面的代码及其工作原理？这将是一个很大的帮助。提前谢谢。

Answer 1

DataGrid.RowDetailsVisibilityMode定义何时显示详细信息行，DataGrid.RowDetailsTemplate定义显示的内容。

默认情况下，如果定义了RowDetailsTemplate，则会显示所选行的行详细信息部分

它的作用是因为你将内部DataGrid.ItemsSource绑定到inner_object的{{1}} - 在你的情况SelectedItem - MyClass控制

objDatagrid

但是存在潜在的问题。它将始终绑定到第一个选定的项目，而不是您当前打开的项目。例如，当ItemsSource="{Binding ElementName=objDatagrid, Path=SelectedItem.inner_object}">所有细节都指向相同的项目选择时。由于每行的DataGrid.RowDetailsVisibilityMode = Visible（包括行详细信息）已经设置为DataContext的实例，您只需执行以下操作：

MyClass

内部

ItemsSource="{Binding Path=inner_object}">

上的

Answer 2

正如您在代码中已经看到的那样，RowDetailsTemplate显示内部网格。显示行详细信息的默认行为是有人选择父行时。

如果您希望覆盖此行为（例如，您希望在双击或其他内容时显示详细信息数据网格），那么您可能需要在工作后面执行一些代码...

有关详细信息，请参阅此帖...

Show RowDetails on double-click in WPF DataGrid

嵌套的Datagrid工作

2 个答案: