WPF 绑定命令到 Datagrid 内的 Datacontext

Question

我刚刚开始使用 WPF 和 MVVM，并设法将我的Datagrid绑定到我的 DataContext ViewModel Class 的列表ProductList 。 但是，我现在正试图将我的 DataGrid 中的按钮绑定到我的 DataContext Class 的一些命令。

<DataGrid x:Name="myDataGrid" ItemsSource="{Binding ProductsList}" x:FieldModifier="public" AutoGenerateColumns="False">
    <DataGrid.Columns>
        <DataGridTextColumn Header="No MAT" Binding="{Binding MATProductNumber}" Width="0.1*"/>
            <DataGridTextColumn Header="Format" Binding="{Binding tblFormat.FormatName}" Width="0.1*"/>
            <DataGridTextColumn Header="Nom produit" Binding="{Binding tblProduct.ProductName}" Width="0.1*"/>
            <DataGridTextColumn x:Name="productGradeHeader" Header="Grade" Binding="{Binding tblGrade.GradeName}" Width="0.1*"/>
            <DataGridTemplateColumn Width=".1*"           
                <DataGridTemplateColumn.HeaderTemplate> 
                     <DataTemplate>
                       <StackPanel Orientation="Horizontal">
                          <Button x:Name="leftArrowSearchButton" Command="{Binding PreviousPageCommand}" CommandParameter="1">
                            <materialDesign:PackIcon Kind="ArrowLeftThick" Width="25" Height="25" VerticalAlignment="Center"/>
                          </Button>
                          <Button x:Name="rightArrowSearchButton" Command="{Binding NextPageCommand}" CommandParameter="1">
                            <materialDesign:PackIcon Kind="ArrowRightThick" Width="25" Height="25" VerticalAlignment="Center"/>
                          </Button>
                       </StackPanel>
                     </DataTemplate>
               </DataGridTemplateColumn.HeaderTemplate>
           </DataGridTemplateColumn>
   </DataGrid.Columns>
</DataGrid>

此处的这一行应该在我的数据上下文中绑定到PreviousPageCommand

<Button x:Name="leftArrowSearchButton" Command="{Binding PreviousPageCommand}" CommandParameter="1"  ToolTip="Voir la page précédente" Height="24" Width="53" Margin="0,0,20,0">

我已经调试过，发现它甚至没有调用 function。 因此，我几乎可以肯定绑定存在问题。

似乎我的按钮正在尝试绑定到 ProductsList 的元素。 有没有办法回到上一级？ 我已经尝试将我的按钮绑定到 DataContext.PreviousPageCommand

提前致谢！

编辑1：这是请求的后端代码

 public ObservableCollection<tblMATProduct> ProductsList { get; set; }

 private void NextPageScrollCommand(string number)
 {
     Page++;
     navigate(Page, Size);
 }

 public void navigate(int page, int size)
 {
     var result = new ObservableCollection<tblMATProduct>(db.tblMATProduct.Include(s => s.tblGrade).Include(s => s.tblProduct).Include(s => s.tblFormat).OrderBy(s => s.MATProductID).Skip(page * size).Take(size).ToList());
     ProductsList = result;
 }

ProductsList 正在更新，我可以在调试器中看到它。 只有 UI 没有更新。

编辑 2：现在工作正常：刚刚将此行添加到我的 ProductsList 设置器中：

set
        {
            SetProperty(ref _products, value);
        }

Answer 1

正如我的评论中所述，您需要绑定到 (ViewModel) Parent/Ancestor.DataContext

Command="{Binding RelativeSource={RelativeSource AncestorType={x:Type Window}}, Path=DataContext.PreviousPageCommand}"

您还需要绑定DataGrid的SelectedItem ，以便 ViewModel 知道用户单击时按钮所在的行。 或者将按钮的DataContext绑定到CommandParameter 。 就像评论中提到的@Andy

Answer 2

您好，您可以执行以下操作：

{Binding DataContext.PreviousPageCommand, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}

但是绑定只会在 DataGrid.DataContext 发生变化时更新，而不是在 DataContext.PreviousPageCommand 发生变化时更新。