如何更改动态 DataGrid（绑定到 DataTable）中的单元格模板？

Question

我正在尝试更改 DataGrid 内的单元格模板，具体取决于包含单元格类型的 List<List<int>>（即 1=bool、2=int、3=string、4=custom、等等...）。自定义类型（类型，因为它们可以超过 1 个）必须由 ComboBox 表示。对于数字和字符串，我需要一个普通的TextBox，对于布尔值，我需要一个CheckBox。 DataGrid 绑定到 DataTable，我可以在运行时调整和编辑它。这是一些代码：

<Grid>
    <DataGrid ItemsSource="{Binding Path=DataTable}" Name="Grid" AutoGenerateColumns="True" 
      CanUserResizeRows="True" CanUserDeleteRows="False"
      CanUserAddRows="False" AreRowDetailsFrozen="False"
      SelectionUnit="Cell" LoadingRow="Grid_LoadingRow">
        <DataGrid.Style>
            <Style TargetType="DataGrid">
                <Setter Property="AlternatingRowBackground" Value="LightYellow"/>
            </Style>
        </DataGrid.Style>
    </DataGrid>
</Grid>

public partial class TableEditorWindow : Window
    {
        public string[] DebugNames = { "Bob", "Dan", "Pierre", "Mark", "Gary" };

        // Stores the values of the Table
        public ds_grid Table { get; set; }

        // Stores the types of each cell in the Table
        public ds_grid ValueTypesTable { get; set; }

        // Used as wrapper between the Table variable and the DataGrid
        public DataTable DataTable { get; set; }


        public TableEditorWindow()
        {
            InitializeComponent();

            Table = new ds_grid(5, 5);

            // Fills the Table with 1s
            for (int i = 0; i < 5; ++i)
            {
                for (int j = 0; j < Table.Width; ++j)
                {
                    Table.Set(i, j, 1d);
                }
            }

            DataTable = new DataTable();

            // Add the columns
            for (int i = 0; i < 5; ++i)
            {
                DataTable.Columns.Add(DebugNames[i]);
            }

            // Add the rows
            for (int i = 0; i < Table.Height; ++i)
            {
                DataRow _row = DataTable.NewRow();

                for (int j = 0; j < Table.Width; ++j)
                {
                    _row[j] = Table.Get(j, i);
                }

                DataTable.Rows.Add(_row);
            }

            Grid.DataContext = this;
            Grid.RowHeaderWidth = 50;
            Grid.ColumnWidth = 100;
        }

        // Gives to each row the correct name
        private void Grid_LoadingRow(object sender, DataGridRowEventArgs e)
        {
            int _id = e.Row.GetIndex();

            e.Row.Header = DebugNames[_id];
        }
    }

ds_grid 基本上是一个List<List<object>>，周围有一些实用方法。

我看到有一些解决方案，例如使用 DataTrigger，但我认为在这种情况下我需要在 XAML 文件中的DataGrid 中写入，但我不能因为AutoGenerateColumns 是True。还有可能更改DataTable 的每一列的类型，但我不希望该列的每个单元格都属于该类型，我希望在运行时只有一个单元格成为该类型。

也许有更好的解决方案，例如不使用DataGrid，或者不使用DataTable，或者有一种方法可以将AutoGenerateColumns 设置为False，并在需要时通过代码手动生成每一列.任何建议都非常感谢。

提前致谢。

Answer 1

这与我单独提交的原始答案有很大不同。

我还想指出，DataGrid 的非常非常规用法。常见的数据结构是每列都有一个类型，我几乎不需要其他类型。如果您坚持该约定，我之前的答案将有效。话虽如此，您所要求的可以完成。

如果您真的想忽略通用数据结构并在单元格级别自定义内容，则需要自定义DataGridColumn：

public class DataTableBoundColumn : DataGridBoundColumn
{
    protected override FrameworkElement GenerateElement(DataGridCell cell, object dataItem)
    {
        if (dataItem == CollectionView.NewItemPlaceholder) { return null; }

        DataRowView dataRow = (dataItem as DataRowView);
        if (dataRow == null) { throw new ArgumentException(); }

        object cellData = dataRow[cell.Column.DisplayIndex];

        var contentHost = new ContentControl() { Content = cellData };

        //Do some tests on cellData to determine the type and pick a DataTemplate
        //Alternatively, you could build the actual content here in code-behind, but a DataTemplate would probably be cleaner
        contentHost.ContentTemplate = (DataTemplate)SomeResourceDictionary["SomeResourceKey"];

        return contentHost;
    }

    protected override FrameworkElement GenerateEditingElement(DataGridCell cell, object dataItem)
    {
        return GenerateElement(cell, dataItem);
    }
}

以上内容基于this article 的示例。使用此列类型，您的 AutoGeneratingColumn 处理程序将如下所示：

private void DataGrid_AutoGeneratingColumn(object sender, DataGridAutoGeneratingColumnEventArgs e)
{
    DataTableBoundColumn col = new DataTableBoundColumn();
    e.Column = col;
    e.Column.Header = "Whatever you want";
}

Answer 2

如果您想customize the auto-generated columns，则必须使用DataGrid.AutoGeneratingColumn 事件。我知道您不希望列的实体相同，但您仍然需要使用此事件 - 您只需使用不同的方式。

您在考虑Styles 和DataTriggers 以动态更改单元格模板时走在正确的轨道上。这通常可以通过在 XAML 中声明列来完成，但您可以通过使用 DataGrid.AutoGeneratingColumn 并将列声明为资源来解决此问题。

采取这样的措施：

<DataGrid>
    <DataGrid.Resources>
        <DataGridTemplateColumn x:Key="TemplateColumn" x:Shared="False">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <ContentControl Content="{Binding}">
                        <ContentControl.Style>
                            <Style TargetType="ContentControl">
                                <Style.Triggers>
                                    <!--Use DataTriggers to set the content to whatever you need-->
                                    <DataTrigger>
                                        <!--...-->
                                    </DataTrigger>

                                    <DataTrigger>
                                        <!--...-->
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </ContentControl.Style>
                    </ContentControl>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Resources>
</DataGrid>

上面是一个DataTemplate，它使用ContentControl和DataTriggers来动态设置ContentTemplate。我用x:Key 将其定义为DataGrid 的资源。 x:Shared="False" 意味着 WPF 将在请求资源时创建此列的新实例，而不是创建一个并给出对该单个实例的引用，以便用户可以“共享”它。这将允许您将列的多个实例添加到 DataGrid。

您的AutoGeneratingColumn 会是这样的：

private void DataGrid_AutoGeneratingColumn(object sender, DataGridAutoGeneratingColumnEventArgs e)
{
    //Add an if statement if you only want to replace some of the columns with the dynamic template one

    var DG = (DataGrid)sender;
    DataGridTemplateColumn col = (DataGridTemplateColumn)DG.Resources["TemplateColumn"];
    e.Column = col;
    e.Column.Header = "Whatever you want";
}

这会将您的列替换为 TemplateColumn 资源的实例。