父子数据网格在 MVVM 中具有不同的项源

Question

我有一个DataGrid，在该DataGrid的DataGrid.RowDetailsTemplate

中，我放了另一个DataGrid.现在我的第一个Datagrid有ItemsSource="{Binding MatchObsCollection}"和我的内部Datagrid，它在我的DataGrid.RowDetailsTemplate中具有单独的ItemSource。但内部数据网格并没有填充。我正在使用MVVM，并且我正在通过Viewmodel上的ObservableCollections绑定数据网格。任何人都可以帮助我（我的问题几乎与在 WPF DataGrid 中显示分层父子数据相同，但我在该帖子中也没有找到任何好的答案）。我的 xaml 代码附在下面。谢谢你，

<DataGrid HorizontalAlignment="Stretch" Margin="0" x:Name="dataGridParent" ItemsSource="{Binding MatchObsCollection}"
                      Style="{StaticResource EfesDataGridStyle}" FrozenColumnCount="14" GridLinesVisibility="All" 
                      HorizontalGridLinesBrush="#DADADA" VerticalGridLinesBrush="#DADADA" Cursor="Hand" AutoGenerateColumns="False" 
                      RowDetailsVisibilityMode="Visible" 
                      util:ParentMatchDataGridRowClickHandler.MethodName="ParentMatchDatagrdRowClick"
                      SelectedItem="{Binding SelectedMatch}"
                      >
<DataGrid.Columns>
                    <DataGridTextColumn Header="Kod" Binding="{Binding MatchNo}"  Width="50*" />
                    <DataGridTextColumn Header="Tarih" Binding="{Binding MatchDate}" Width="70*"/>
                    <DataGridTextColumn Header="Ev Sahibi" Binding="{Binding MatchHome}" Width="100*"/>
                    <DataGridTextColumn Header="Konuk" Binding="{Binding MatchVisitor}" Width="50*"/>
                    <DataGridTextColumn Header="1" Binding="{Binding MatchResultHomeOdds}" Width="30*" ></DataGridTextColumn>                 
                    <DataGridTextColumn Header="X" Binding="{Binding MatchResultDrawOdds}" Width="30*" />
                    <DataGridTextColumn Header="2" Binding="{Binding MatchResultVisitorOdds}" Width="30*"/>
                    <DataGridTextColumn Header="T1" Binding="{Binding MatchresultSingleHomeOdds}" Width="30*" />
                    <DataGridTextColumn Header="TX" Binding="{Binding MatchresultSingleDrawOdds}" Width="30*" />
                    <DataGridTextColumn Header="T2" Binding="{Binding MatchresultSingleVisitorOdds}" Width="30*" />
                    <DataGridTextColumn Header="+"  CellStyle ="{StaticResource DataGridCellStyle}"  Binding="{Binding TotalBets}" Width="30*"/>

                    <DataGridTextColumn Header="Min" Binding="{Binding MatchMin}" Width="30*" />
                    <DataGridTextColumn Header="Lig" Binding="{Binding TeamName}" Width="70*" />
                    <DataGridTemplateColumn Header="Durum" Width="Auto" >
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <ToggleButton  x:Name="toggleBtn" VerticalAlignment="Center" Margin="0" Style="{StaticResource SlidingToggleButton}" BorderBrush="{x:Null}" IsChecked="{Binding ToggleBtn}" Background="#FF2F63FF" />
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>                    
                </DataGrid.Columns>
<DataGrid.RowDetailsTemplate x:Uid="test123">
                    <DataTemplate x:Name="testTemplete">
                        <DataGrid x:Name="innerGrid" ItemsSource="{Binding SubBetMatchDataListforChildGrid}" 
                                  Style="{StaticResource EfesDataGridStyle}" Margin="50,2,2,2" MinHeight="40"  
                                  GridLinesVisibility="All" HorizontalGridLinesBrush="#DADADA" VerticalGridLinesBrush="#DADADA" 
                                  Visibility="Collapsed" >
<DataGrid.Columns>
                                <DataGridTextColumn Header="Kod" Binding="{Binding Code}" Width="3*" />
                                <DataGridTextColumn Header="Alt Secenakler" Binding="{Binding SubOptions}" Width="7*" />                                
                            </DataGrid.Columns>
</DataGrid>                      
                    </DataTemplate>
                </DataGrid.RowDetailsTemplate>
            </DataGrid>

Answer 1

我

正在使用 MVVM，并且我正在绑定数据网格 视图模型上的可观察集合。

您的视图模型中应该只有一个ObservableCollection（MatchObsCollection）。如果您在 ViewModel 中有MatchObsCollection和SubBetMatchDataListforChildGrid，则此代码不起作用。

RowDetails的DataContext是行项。

因此，如果要绑定到 ViewModel 中的ObservableCollection，则应在 RowDetailsTemplate 中使用以下代码：

...
<DataGrid.RowDetailsTemplate x:Uid="test123">
        <DataTemplate x:Name="testTemplete">
            <DataGrid x:Name="innerGrid" 
                      ItemsSource="{Binding Path=DataContext.SubBetMatchDataListforChildGrid, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}}" 
...

如果要绑定到选定的对象内部ObservableCollection则类应如下所示：

class Foo
{
    public int MatchNo { get; set; }
    public DateTime MatchDate { get; set; }
    // more properties
    public ObservableCollection<Boo> SubBetMatchDataListforChildGrid { get; set; }
}
class Boo
{
    public string Code { get; set; }
    public string SubOptions { get; set; }
}

在ViewModel中，你应该有Foo的ObservableCollection：

class MainViewModel
{
    public ObservableCollection<Foo> MatchObsCollection { get; set; }   
}