使用删除按钮删除WPF数据网格中的行

Question

我的WPF应用程序窗口上有一个数据网格，数据绑定到一个可观察的集合。在DataGrid中，我已经设置了属性CanUserDeleteRows=True，并且可以通过按下键盘上的delete按钮来删除该行。

这对我来说不是很直观。我想保留一个额外的列，它有删除按钮，按下该按钮应该删除行。（类似于可以在ASP.NET中的ItemTemplate中完成的操作）

<DataGrid x:Name="dgrQuestions" AutoGenerateColumns="False" Height="224" HorizontalAlignment="Left" Margin="42,73,0,0" VerticalAlignment="Top" Width="663" ItemsSource="{Binding QueList}" CanUserAddRows="True" CanUserDeleteRows="True">
            <DataGrid.Columns>                
                <DataGridTextColumn Header="Qu" Binding="{Binding Path=Que, UpdateSourceTrigger=PropertyChanged}"/>
                <DataGridTextColumn Header="An" Binding="{Binding Path=Ans, UpdateSourceTrigger=PropertyChanged}"/>
                <DataGridTextColumn Header="Hi" Binding="{Binding Path=Hi, UpdateSourceTrigger=PropertyChanged}"/>
            </DataGrid.Columns>

如何通过在数据网格本身中使用button来获得删除行的功能

Answer 1

您可以添加一个DataGridTemplateColumn，其中包含一个调用Delete命令的按钮。DataGrid将处理Delete命令并删除该行。

<DataGridTemplateColumn Header="Actions" IsReadOnly="True">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <Button Content="Remove Row" Command="Delete"/>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

Answer 2

您必须将DataGridTemplateColumn添加到网格中。类似的东西

<DataGrid x:Name="dgrQuestions" AutoGenerateColumns="False" Height="224" HorizontalAlignment="Left" Margin="42,73,0,0" VerticalAlignment="Top" Width="663" ItemsSource="{Binding QueList}" CanUserAddRows="True" CanUserDeleteRows="True">
            <DataGrid.Columns>                
           <DataGridTemplateColumn Header="Delete" Width="75">                 
                <DataGridTemplateColumn.CellTemplate>                     
                    <DataTemplate>                         
                        <Button Content="Delete" Tag="{Binding}" Click="OnDelete"/>                     
                    </DataTemplate>                 
                </DataGridTemplateColumn.CellTemplate>             
            </DataGridTemplateColumn>  
                <DataGridTextColumn Header="Qu" Binding="{Binding Path=Que, UpdateSourceTrigger=PropertyChanged}"/>
                <DataGridTextColumn Header="An" Binding="{Binding Path=Ans, UpdateSourceTrigger=PropertyChanged}"/>
                <DataGridTextColumn Header="Hi" Binding="{Binding Path=Hi, UpdateSourceTrigger=PropertyChanged}"/>
            </DataGrid.Columns>

然后将您的按钮绑定到任何ID或项｛Binding｝，您可以在代码隐藏（OnDelete）中处理事件，也可以将按钮直接绑定到命令，但随后您需要将SelecteItem绑定到ViewModel，并在命令执行时处理它：

SelectedItem="{Binding SelectedItem, Mode=TwoWay}"