如何為DataGrid中的每一行生成復選框或僅用於選擇多行的復選框？

Question

我正在使用小型WPF應用程序，正在從數據庫中獲取數據，它看起來像這樣：

public List<BillItemInSerie> GetSerialNumbers(BillItemsTemp stavka)
{
    List<BillItemInSerie> serialNumbers = new List<BillItemInSerie>();

    //serialNumbers = Controller.GetSerialFromDatabase();  // this is currently not working because I don't have any data in db

    for(int i = 0;i<10;i++)
    {
        BillItemInSerie serialNumber = new BillItemInSerie();
        serialNumber.ArticleId = i;
        serialNumber.ExpireDate = DateTime.Now;
        serialNumber.Lot = "Warehouse" + " " + i;
        serialNumber.Serial = "135" + DateTime.Now.Minute.ToString() + "/x";
        serialNumbers.Add(serialNumber);
    }

    dtgSerialNumbers.ItemsSource = serialNumbers;
    return serialNumbers;
}

如您所見，由於我的表中沒有任何行，因此我實際上沒有從數據庫獲取它，所以我自己創建了10個要使用的對象。

這是我的XAML：

<DataGrid Name="dtgSerialNumbers" SelectionUnit="FullRow" EnableColumnVirtualization = "True" EnableRowVirtualization ="True"  MaxWidth="4000" MaxHeight="2000" Background="White" Margin="5,5,5,0" AutoGenerateColumns="False" RowHeaderWidth="0"  HorizontalGridLinesBrush="#0091EA" VerticalGridLinesBrush="#0091EA" CanUserAddRows="False" RowHeight="35" Grid.ColumnSpan="2" Grid.Row="2">
    <DataGrid.CellStyle>
        <StaticResource ResourceKey="DataGridCentering"/>
    </DataGrid.CellStyle>
    <DataGrid.Resources>
        <Style TargetType="{x:Type DataGridColumnHeader}">
            <Setter Property="Background" Value="Black"/>
            <Setter Property="Opacity" Value="1"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="FontSize" Value="{x:Static local:Globals.dataGridfontSizeHeader}"/>
            <Setter Property="FontFamily" Value="Arial"/>
            <Setter Property="Height" Value="40"/>
        </Style>
        <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" 
           Color="LightBlue"/>
    </DataGrid.Resources>
    <DataGrid.Columns>
        <DataGridTextColumn         Binding="{Binding Serial}"      Header="Serial"     Foreground="Black"      FontSize="15"   FontFamily="Verdana" Width="20*"  />
        <DataGridTextColumn         Binding="{Binding Lot}"         Header="Desc."      Foreground="Black"      FontSize="15"   FontFamily="Verdana" Width="40*"   />
        <DataGridTextColumn         Binding="{Binding ExpireDate, StringFormat ={}{0:dd.MM.yyyy HH:mm:ss}}"     FontSize="15"   Header="Date"   FontFamily="Verdana" Foreground="Black" Width="25*" />
        <DataGridTextColumn         Binding="{Binding IsSelected}"  Header="Select"     Foreground="Black"      FontSize="15"   FontFamily="Verdana" Width="15*" />
    </DataGrid.Columns>
</DataGrid>

現在我想知道如何選擇相應的ROWS，也許以某種方式在每行旁邊生成復選框並以此選擇一行？

謝謝編輯：

在提出建議之后，我將列更改為< DataGridCheckBoxColumn >而不是DataGridTextColumn並且這樣寫：

foreach (BillItemInSerie item in dtgSerialNumbers.ItemsSource)
            {
                if (((CheckBox)colSelektiraj.GetCellContent(item)).IsChecked == true)
                {
                    MessageBox.Show(item.Lot.ToString());
                }
            }

它基本上是為每個選定的行獲取值。

我不確定這是否正確，但我認為它可行。

Answer 1

您可以將DataGrid的SelectionMode屬性設置為Extended並添加一個DataGridTemplateColumn ：

<DataGrid Name="dtgSerialNumbers" SelectionUnit="FullRow" SelectionMode="Extended" ...>
    <DataGrid.Columns>
        ...
        <DataGridTemplateColumn Header="Select">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <CheckBox IsChecked="{Binding IsSelected, RelativeSource={RelativeSource AncestorType=DataGridRow}, Mode=TwoWay}" IsHitTestVisible="False" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

然后，您應該能夠通過按CTRL鍵並單擊來選擇幾行。

Answer 2

請看一下這篇文章 。 在我眼中，只是在datagdrid內放置一個復選框，然后將數據集ID綁定到命令參數，如本例所示

<CheckBox CommandParameter="{Binding Path=Id}"
          Command="{Binding DataContext.AddRemovePresetAssignmentCommand,
          RelativeSource={RelativeSource FindAncestor,
                           AncestorType={x:Type UserControl}}}"
          Content="{Binding Path=Name}"
          > 

那么你在視圖模型中擁有了所有的可能性