如何在 WPF 中动态创建数据网格？答案

【问题标题】：How to dynamically create a datagrid in WPF?如何在 WPF 中动态创建数据网格？
【发布时间】：2013-04-20 11:50:25
【问题描述】：

我在 XAML 中有以下数据网格：

<DataGrid ItemsSource="{Binding View}" AutoGenerateColumns="False" IsReadOnly="True"
          GridLinesVisibility="None" CanUserAddRows="False" CanUserDeleteRows="False" 
          CanUserResizeColumns="False" CanUserResizeRows="False" 
          CanUserReorderColumns="False" >
    <DataGrid.ColumnHeaderStyle>
        <Style TargetType="{x:Type DataGridColumnHeader}">
            <Setter Property="FontWeight" Value="Bold" />
            <Setter Property="FontSize" Value="12" />
        </Style>
    </DataGrid.ColumnHeaderStyle>
    <DataGrid.Columns>
        <DataGridTextColumn Header="Type" Width="200" FontSize="12" 
                            Binding="{Binding Path=Name}" />
        <DataGridTemplateColumn Header="Ingredients" Width="*">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                  <DataGrid ItemsSource="{Binding Ingredients}" 
                            AutoGenerateColumns="False" IsReadOnly="True"
                            GridLinesVisibility="None" CanUserAddRows="False" 
                            CanUserDeleteRows="False" CanUserResizeColumns="False"
                            CanUserResizeRows="False" CanUserReorderColumns="False" >
                        <DataGrid.ColumnHeaderStyle>
                            <Style TargetType="{x:Type DataGridColumnHeader}">
                                <Setter Property="FontWeight" Value="Bold" />
                                <Setter Property="FontSize" Value="12" />
                            </Style>
                        </DataGrid.ColumnHeaderStyle>
                        <DataGrid.Columns>
                            <DataGridTextColumn Header="Ingredients" 
                                            Width="*" FontSize="12"
                                            Binding="{Binding Path=IngredientName}"/>
                            <DataGridTextColumn Header="Quantite" Width="*" 
                                          FontSize="12" Binding="{Binding Path=Qty}"/>
                        </DataGrid.Columns>
                    </DataGrid>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

我正在尝试找到一种方法来动态（在代码中）创建数据网格，以便我可以创建它的多个副本并在运行时将其绑定到不同的数据源。

这可能吗？任何人都知道我该如何处理像这样复杂的数据网格？

【问题讨论】：

为什么要创建数据网格的副本？只需在运行时更改数据源
我需要展示很多网格
@JScwartz 是在运行时由用户操作决定的网格数量吗？还是它只是许多网格但 const 数？
@makc 在运行时而不是由用户决定，由我在任何特定时间加载时从数据库获得的数据量（行数）决定

标签： c# wpf data-binding datagrid

【解决方案1】：

首先，将尽可能多的不同设置移到可重复使用的 Styles 和 DataTemplates 中，在 DataGrid 本身中留下很少的内容：

<UserControl ... >

    <UserControl.Resources>
        <Style x:Key="GridHeaderStyle" TargetType="{x:Type DataGridColumnHeader}">
            <Setter Property="FontWeight" Value="Bold" />
            <Setter Property="FontSize" Value="12" />
        </Style>

        <Style x:Key="ReadOnlyGridStyle" TargetType="{x:Type DataGrid}" >
            <Setter Property="AutoGenerateColumns" Value="False" />
            <Setter Property="IsReadOnly" Value="True" />
            <Setter Property="GridLinesVisibility" Value="None" />
            <Setter Property="CanUserAddRows" Value="False" />
            <Setter Property="CanUserDeleteRows" Value="False" />
            <Setter Property="CanUserResizeColumns" Value="False" />
            <Setter Property="CanUserResizeRows" Value="False" />
            <Setter Property="CanUserReorderColumns" Value="False" />
            <Setter Property="ColumnHeaderStyle" Value="{StaticResource GridHeaderStyle}" />
        </Style>

        <DataTemplate x:Key="IngredientsCellTemplate" >
            <DataGrid ItemsSource="{Binding Ingredients}" 
                      Style="{StaticResource ReadOnlyGridStyle}" >
                <DataGrid.Columns>
                    <DataGridTextColumn Header="Ingredients" Width="*" FontSize="12"
                                        Binding="{Binding Path=IngredientName}" />
                    <DataGridTextColumn Header="Quantite" Width="*" FontSize="12"
                                        Binding="{Binding Path=Qty}" />
                </DataGrid.Columns>
            </DataGrid>
        </DataTemplate>
    </UserControl.Resources>


    <!-- A DataGrid using our Styles: -->
    <DataGrid ItemsSource="{Binding View}" 
              Style="{StaticResource ReadOnlyGridStyle}" >
        <DataGrid.Columns>
            <DataGridTextColumn Header="Type" Width="200" FontSize="12"
                                Binding="{Binding Path=Name}" />
            <DataGridTemplateColumn Header="Ingredients" Width="*"
                                    CellTemplate="{StaticResource IngredientsCellTemplate}" />
        </DataGrid.Columns>
    </DataGrid>

</UserControl>

然后，使用现有样式在您的代码隐藏中创建新的 DataGrid 会变得容易得多：

var datagrid = new DataGrid();
datagrid.Style = FindResource("ReadOnlyGridStyle") as Style;

datagrid.Columns.Add(new DataGridTextColumn()
{
    Header = "Type",
    Width = new DataGridLength(200),
    FontSize = 12,
    Binding = new Binding("Name")
});
datagrid.Columns.Add(new DataGridTemplateColumn()
{
    Header = "Ingredients",
    Width = new DataGridLength(1, DataGridLengthUnitType.Star),
    CellTemplate = FindResource("IngredientsCellTemplate") as DataTemplate
});

datagrid.ItemsSource = ...

【讨论】：

我遇到了 Binding = new Binding("Name") 行的问题，因为这会生成编译错误：错误 3 找不到类型或命名空间名称“Binding”（您是否缺少using 指令还是程序集引用？）
在代码文件的最顶部，您应该会看到如下几行：using System...。将此行添加到该列表中：using System.Windows.Data;