UWP - 未调用来自 DataGrid 的命令

Question

UWP Application (Important because there is no AncestorType) I can't bind command (neither other values) of the ViewModel from a DataGridTemplateColumn. Here is my current code (i have tried, literally everything)

          <controls:DataGrid
            x:Name="DataGrid" 
            Grid.Row="2"
            Height="Auto" 
            Margin="12"
            AutoGenerateColumns="False"
            HorizontalContentAlignment="Center"
            ItemsSource="{Binding ProviderOrders}">
             <controls:DataGrid.Columns>
                <controls:DataGridTemplateColumn Header="Actions" Width="*">
                    <controls:DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Button Content="Modifier" Command="{Binding DataContext.EditOrderCommand, RelativeSource={RelativeSource Mode=Self}}" CommandParameter="{Binding}" Style="{StaticResource PrimaryButton}"/>
                        </DataTemplate>
                    </controls:DataGridTemplateColumn.CellTemplate>
                </controls:DataGridTemplateColumn>
            </controls:DataGrid.Columns>
        </controls:DataGrid>

I have also tried

<Button Content="Modifier" Command="{Binding ElementName=DataGrid, Path=DataContext.EditOrderCommand}" CommandParameter="{Binding}" Style="{StaticResource PrimaryButton}"/>

There is no error but my Command is not runned and my command is working if i move the Button outside the DataGrid..

The DataGridTemplateColumn DataContext is the ProviderOrder object and so i need to access of the ViewModel (which is obviously not accessible from the ProviderOrder object)

Thanks in advance:)

Answer 1

Great question, this known issue in DataGrid control. Currently, there is a workaroung for this scenario that bind command for button in CellTemplate , please add the command in the datasouce.

public class Item
{
    public string ID { get; set; }
    public ICommand BtnCommand
    {
        get
        {
            return new CommadEventHandler<Item>((s) => BtnClick(s));
        }
    }

    private void BtnClick(Item s)
    {

    }
}

Xaml Code

<controls:DataGridTemplateColumn>
    <controls:DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <Button
                Command="{Binding BtnCommand}"
                Content="Click"
                />
        </DataTemplate>
    </controls:DataGridTemplateColumn.CellTemplate>
</controls:DataGridTemplateColumn>

Update

If not specific DataGrid , you could use listview to replace, and Binding ElementName will work.