通过 xNames 访问 WPF Datagrid 中自动生成的按钮

Question

我有这个 DataGrid 充满了产品和库存以及每个项目的自动生成按钮，我想使用那里的 xNames 调用这个自动生成的按钮，这样当特定项目的库存变为 0 时，我将简单地禁用它的按钮也是自动生成的，但我的问题是我不能调用它。

我在数据网格中使用 FindNames 尝试了很多，但仍然无法正常工作\

<DataGrid.Columns>
                                        <DataGridTextColumn IsReadOnly="True" Binding="{Binding id}" Header="Product ID" Width="Auto"></DataGridTextColumn>
                                        <DataGridTextColumn ElementStyle="{StaticResource ProductNameCellMargin}" IsReadOnly="True" Binding="{Binding item_name}" Header="Product Name" Width="*"></DataGridTextColumn>
                                        <DataGridTextColumn ElementStyle="{StaticResource ProductNameCellMargin}" IsReadOnly="True" Binding="{Binding item_price}" Header="Price" Width="*"></DataGridTextColumn>
                                        <DataGridTextColumn ElementStyle="{StaticResource ProductNameCellMargin}" IsReadOnly="True" Binding="{Binding item_quantity}" Header="Quantity" Width="*"></DataGridTextColumn>
                                        <DataGridTemplateColumn IsReadOnly="True" HeaderStyle="{StaticResource CenterGridHeaderStyle}" Header="Remove" MinWidth="50" CanUserSort="False" CanUserResize="False">
                                            <DataGridTemplateColumn.CellTemplate>
                                                <DataTemplate>
                                                    <Button Background="Transparent" BorderBrush="Transparent" x:Name="select_item_btn" Padding="5, 2, 5, 2" Cursor="Hand" Click="remove_btn_Click">
                                                        <DockPanel>
                                                            <Image Height="18" Width="19" Source="img/Remove.png" />
                                                        </DockPanel>
                                                        <Button.Style>
                                                            <Style TargetType="Button">
                                                                <Setter Property="Background" Value="LightGray"/>
                                                                <Setter Property="Template">
                                                                    <Setter.Value>
                                                                        <ControlTemplate TargetType="{x:Type Button}">
                                                                            <Border Background="{TemplateBinding Background}">
                                                                                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                                                            </Border>
                                                                        </ControlTemplate>
                                                                    </Setter.Value>
                                                                </Setter>
                                                                <Style.Triggers>
                                                                    <Trigger Property="IsMouseOver" Value="True">
                                                                        <Setter Property="Background" Value="LightGray"></Setter>
                                                                    </Trigger>
                                                                </Style.Triggers>
                                                            </Style>
                                                        </Button.Style>
                                                    </Button>
                                                </DataTemplate>
                                            </DataGridTemplateColumn.CellTemplate>
                                        </DataGridTemplateColumn>
                                    </DataGrid.Columns>

Answer 1

您可以使用DataTrigger根据某些源属性的值禁用Button ，例如：

<Button Background="Transparent" BorderBrush="Transparent" x:Name="select_item_btn" 
        Padding="5, 2, 5, 2" Cursor="Hand" Click="remove_btn_Click">
    <DockPanel>
        <Image Height="18" Width="19" Source="img/Remove.png" />
    </DockPanel>
    <Button.Style>
        <Style TargetType="Button">
            <Setter Property="Background" Value="LightGray"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Border Background="{TemplateBinding Background}">
                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <DataTrigger Binding="{Binding item_quantity}" Value="0">
                    <Setter Property="IsEnabled" Value="False" />
                </DataTrigger>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="LightGray"></Setter>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>

当item_quantity属性为0时，上面的示例标记应该禁用Button 。

Answer 2

wpf 通常不处理点击事件，而是使用带有按钮的命令。 将按钮的命令属性绑定到父数据上下文/视图模型或项目视图模型中的 icommand。

ICommand 有 CanExecute。

https://learn.microsoft.com/en-us/do.net/api/system.windows.input.icommand.canexecute?view.net-7.0#system-windows-input-icommand-canexecute（系统对象）

如果返回 false，那么该按钮将被禁用并且不会运行。

https://learn.microsoft.com/en-us/answers/questions/433293/mvvm-relaycommand-icommand

社区工具包 mvvm 使定义命令变得非常容易。

https://blogs.msmvps.com/bsonnino/2022/08/06/the-mvvm-pattern-revisited-with-the-mvvm-community-toolkit-8-0/

这里最后一个 lambda 表达式是可以执行的：

RemoveCommand = new RelayCommand(DoRemove, () => SelectedCustomer != null);

你会以某种方式检查股票而不是 selectedcustomer，更像是：

RemoveCommand = new RelayCommand(DoRemove, () => StockLevel > 0);

但是，如文章所示，您可以改用属性

 [RelayCommand(CanExecute = "HasStock")]
 private void Remove()

我不确定删除按钮的作用，但如果要从数据网格中删除给定的行，您可能需要该行的命令参数和父视图模型中的命令。

RelayCommand 旨在接收其方法的参数。

如果需要，相对源绑定将允许您从按钮绑定到 DataContext.RemoveCommand。