DataGrid：动态 DataGridTemplateColumn 的动态 DataTemplate

Question

我想在数据网格中显示数据，其中数据是

public class Thing
{
    public string Foo { get; set; }
    public string Bar { get; set; }
    public List<Candidate> Candidates { get; set; }
}

public class Candidate
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
    ...
}

候选人列表中候选人数量在运行时变化的集合。

所需的网格布局如下所示

Foo | Bar | Candidate 1 | Candidate 2 | ... | Candidate N

我希望为每个候选人提供一个DataTemplate，因为我计划在运行时更改它 - 用户可以选择以不同的方式显示有关候选人的信息列（候选人只是一个例子，我有不同的对象）。这意味着我还想在运行时更改列模板，尽管这可以通过一个大模板并折叠其各个部分来实现。

我知道如何实现我的目标有两种方法（两者都非常相似）：

1. 使用 AutoGenerateColumn 事件并创建 Candidates 列
2. 手动添加列

在这两种情况下，我都需要加载 DataTemplate 来自带有 XamlReader 的字符串。在此之前，我必须编辑字符串以将绑定更改为想要的Candidate。

是否有更好的方法来创建具有未知数量的 DataGridTemplateColumn 的 DataGrid？

注意： 这个问题基于 带有 valueconverter 的动态数据模板

编辑： 由于我需要支持 WPF 和 Silverlight，因此我创建了自己的 DataGrid 组件，它具有用于绑定列集合的DependencyProperty。当集合发生变化时，我会更新列。

Answer 1

例如，我们创建 2 个 DataTemplate 和一个 ContentControl：

<DataTemplate DataType="{x:Type viewModel:VariantA}"> <dataGrid...> </DataTemplate>
<DataTemplate DataType="{x:Type viewModel:VariantB}"> <dataGrid...> </DataTemplate>

<ContentControl Content="{Binding Path=GridModel}" />

现在，如果您将 GridModel 属性（例如类型对象）设置为 VariantA 或 VariantB，它将切换 DataTemplate。

变体A& B 实施示例：

public class VariantA
{
    public ObservableCollection<ViewModel1> DataList { get; set; }
}

public class VariantB
{
    public ObservableCollection<ViewModel2> DataList { get; set; }
}

希望这会有所帮助。

Answer 2

我不知道这是否是一种“更好”的方式，因为这仍然很丑陋，但我个人是这样做的：

• 使 xaml 中的模板
• 使用多重绑定，该多重绑定采用当前绑定 + 到列的绑定来获取“正确的”dataContext（即：单元格而不是行）
• 在此绑定上使用转换器来获取您喜欢的属性的值，如果您有许多属性要检索，则可以选择添加一个参数。

例如：（抱歉，我没有调整我的代码来适合您的项目，但您应该能够从那里自己做）

这是我的数据模板：

<DataTemplate x:Key="TreeCellTemplate">
    <Grid>
        <TextBlock HorizontalAlignment="Left" VerticalAlignment="Center" Margin="5,0,0,0">
            <TextBlock.Text>
                <MultiBinding Converter="{StaticResource RowColumnToCellConverter}" ConverterParameter="Text">
                    <Binding />
                    <Binding RelativeSource="{RelativeSource AncestorType=DataGridCell}" Path="Column" />
                </MultiBinding>
            </TextBlock.Text>
        </TextBlock>
    </Grid>
</DataTemplate>

这是我的转换器：

   public class RowColumnToCellConverter : MarkupExtension, IMultiValueConverter
   {
      public RowColumnToCellConverter() { }

      public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
      {
         XwpfRow row = values[0] as XwpfRow;
         XwpfTreeColumn column = values[1] as XwpfTreeColumn;

         if (row == null || column == null) return DependencyProperty.UnsetValue;

         TreeCell treeCell = (TreeCell)row[column.DataGrid.Columns.IndexOf(column)];
         switch ((string)parameter)
         {
            case "Text": return treeCell.Text;
            case "Expanded": return treeCell.Expanded;
            case "ShowExpandSymbol": return treeCell.ShowExpandSymbol;
            case "CurrentLevel": return new GridLength(treeCell.CurrentLevel * 14);

            default:
               throw new MissingMemberException("the property " + parameter.ToString() + " is not defined for the TreeCell object");
         }
      }

      public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
      {
         throw new NotSupportedException();
      }

      public override object ProvideValue(IServiceProvider serviceProvider)
      {
         return new RowColumnToCellConverter();
      }
   }

这保存了 MVVM 模型，我更喜欢这种方式因为我真的不喜欢使用 xaml 解析器来制作“动态”数据模板，但从我的角度来看，它仍然是一个丑陋的 Hack。

我希望 MS 的人能给我们一种方法来获取单元格而不是行作为 dataContexts，以便能够动态生成模板列...

希望这有助于

编辑：在您的情况下，转换器实际上应该简单得多（如果我没记错的话，你可以直接返回单元格的实例，并且不需要任何参数），但我仍然保留了更复杂的版本，以防其他人遇到类似的问题

Answer 3

我一直在研究类似的问题，但只发现了一些有用的模式。整个“动态列”问题在 silverlight 中是一个有趣的问题。

昨天，我在 Silverlight DataGrid with Dynamic Columns 上找到了此页面我搜索期间 Travis Pettijohn 的网站。

以前我一直在使用 Colin Eberhardt 效果非常好......只要您使用 DataGridTextColumn。一切都可以在代码隐藏中完成，并且我在运行时应用样式没有遇到任何问题。然而，我现在的要求是应用一些“单元格级别”格式 - 更改单元格的背景等 - 这意味着需要 DataGridTemplateColumn 。

对于我来说，DataGridTemplateColumn 的一个大问题是我无法在代码中设置绑定。我知道我们可以通过解析 xaml 来构建它，但就像其他人一样，这似乎是一个巨大的黑客攻击并且无法维护。

Travis（上面的第一个链接）概述的模式完全不同。在“运行时”（即页面加载时），在网格中创建所需的列。这意味着迭代您的集合，并为每个项目添加一个具有适当标题等的列。然后为 RowLoaded 事件实现一个处理程序，并且在加载每一行时只需设置 DataContext 每个单元格到父级的适当属性/属性索引。

private void MyGrid_RowLoaded(object sender, EventArgs e)
{
    var grid = sender as DataGrid;
    var myItem = grid.SelectedItem as MyClass;
    foreach (int i = 0; i < myItem.ColumnObjects.Count; i++)
    { 
        var column = grid.Columns[i]; 
        var cell = column.GetCellContent(e.Row)
        cell.DataContext = myItem.ColumnObjects[i];
    }
}

这使我不再需要使用索引转换器。在设置 cell.DataContext 时，您可能可以使用 Binding，但对我来说，让模板直接绑定到底层对象会更容易。

我现在计划拥有多个模板（其中每个模板都可以绑定到我的单元格对象上的相同属性）并在页面加载时在它们之间切换。非常整洁的解决方案。