如何在C#中为自定义DataTemplateSelector

时间:2017-04-14 12:50:16

标签: c# xaml uwp windows-10 win-universal-app

我正在为DataTemplateSelector控件编写自定义ComboBox,我需要使用它来显示不同类型对象的不同DateTemplates,无论是封闭还是打开ComboBox的模式。

以下是我提出的DataTemplateSelector

public class ComboBoxTypedDataTemplateSelector : DataTemplateSelector
{
    public IEnumerable<DataTemplate> SelectedTemplates { get; set; }

    public IEnumerable<DataTemplate> DropDownTemplates { get; set; }

    protected override DataTemplate SelectTemplateCore(object item, DependencyObject container)
    {
        IEnumerable<DataTemplate> source = container.FindParent<ComboBoxItem>() == null
            ? SelectedTemplates // Get the template for the closed mode
            : DropDownTemplates; // Get the template for the open UI mode
        Type type = item.GetType();
        return null; // Some LINQ to get the first DataTemplate in source with the {x:DataType} that equals type
    }
}

public sealed class DataTemplatesCollection : List<DataTemplate> { }

以下是我在XAML中使用它的方法:

<ComboBox>
    <mvvm:ComboBoxTypedDataTemplateSelector>
        <mvvm:ComboBoxTypedDataTemplateSelector.SelectedTemplates>
            <mvvm:DataTemplatesCollection>
                <DataTemplate x:DataType="models:SomeType">
                    <TextBlock Text="{x:Bind ...}"/>
                </DataTemplate>
                <DataTemplate x:DataType="models:SomeOtherType">
                    <TextBlock Text="{x:Bind ...}"/>
                </DataTemplate>
            </mvvm:DataTemplatesCollection>
        </mvvm:ComboBoxTypedDataTemplateSelector.SelectedTemplates>
        <mvvm:ComboBoxTypedDataTemplateSelector.DropDownTemplates>
            <mvvm:DataTemplatesCollection>
                <DataTemplate x:DataType="models:SomeType">
                    <TextBlock Text="{x:Bind ...}"/>
                </DataTemplate>
                <DataTemplate x:DataType="models:SomeOtherType">
                    <TextBlock Text="{x:Bind ...}"/>
                </DataTemplate>
            </mvvm:DataTemplatesCollection>
        </mvvm:ComboBoxTypedDataTemplateSelector.DropDownTemplates>
    </mvvm:ComboBoxTypedDataTemplateSelector>
</ComboBox>

现在,我失踪的唯一一块拼图,我无法弄清楚如何在C#中获取{x:DataType}属性(我知道它实际上不是一个真正的属性,但我希望有一种方法通过代码检索它)。 我需要这样的东西才能从正确的模板组中为每个对象获得正确的DataTemplate。 有没有办法实现这个目标?

注意:我知道我可以编写一个特定的DataTemplateSelector,其中包含要为每种项目类型返回的模板的硬编码名称,我可以将该方法用作后备选项。但是,我想知道是否有可能用这种方法编写一个更通用的选择器,以使其更加模块化,并能够在将来重用它。

感谢您的帮助!

编辑:根据Vincent的建议,我写了一个附加属性来存储Type中给定的DataTemplate

public class DataTypeHelper
{
    public static Type GetAttachedDataType(DataTemplate element)
    {
        return (Type)element.GetValue(AttachedDataTypeProperty);
    }

    public static void SetAttachedDataType(DataTemplate element, Type value)
    {
        element.SetValue(AttachedDataTypeProperty, value);
    }

    public static readonly DependencyProperty AttachedDataTypeProperty =
        DependencyProperty.RegisterAttached("AttachedDataType", typeof(Type), typeof(DataTypeHelper), new PropertyMetadata(default(Type)));
}

我试图像这样使用它:

...
 <DataTemplate x:DataType="someXlmns:SomeClass"
               mvvm:DataTypeHelper.AttachedDataType="someXlmns:SomeClass">
     ...
 </DataTemplate>

但是在我将附加属性设置为我的类型的行中我得到XamlParseException。我试图将该属性设置为“网格”(仅作为测试)并且它不会崩溃,我不明白为什么它不适用于我的自定义类型。

编辑#2 :看起来像x:Type标记扩展在UWP中不可用,我找不到另一种方法(我认为根本不可能)获得一个类型实例直接来自XAML,所以我不得不在XAML中使用类型名称,然后将其与模板选择器中的item.GetType().Name进行比较。

直接从XAML分配Type属性的能力会更好,因为它也会在XAML设计器中进行语法/拼写检查,但至少这种方法可以正常工作。

3 个答案:

答案 0 :(得分:2)

您无法检索此值。这只是编译器允许它为绑定生成适当代码的提示。

您可以创建自定义附加属性来存储所需内容,也可以使用Name属性。

<local:Selector x:Key="selector" >
    <local:Selector.Template1>
        <DataTemplate x:DataType="local:Item" x:Name="template1" >
            <.../>
        </DataTemplate>
    </local:Selector.Template1>
</local:Selector>

然后在选择器实现中

Template1.GetValue(FrameworkElement.NameProperty);

答案 1 :(得分:0)

这里有一个我发现根据数据类型使用不同DataTemplate的示例。代码:

public class MyDataTemplateSelector : DataTemplateSelector 
{ 
    public Dictionary<Type, DataTemplate> TemplateDictionary { get; set; } 
    protected override DataTemplate SelectTemplateCore(object item) 
    { 
        // select datatemplate depending on item type 
        Type itemType = item.GetType(); 
        if (!TemplateDictionary.Keys.Contains(itemType)) 
        { 
            return null; 
        } 
        return TemplateDictionary[itemType]; 
    } 
    protected override DataTemplate SelectTemplateCore(object item, DependencyObject container) 
    { 
        // select datatemplate depending on item type 
        Type itemType = item.GetType(); 
        if (!TemplateDictionary.Keys.Contains(itemType)) 
        { 
            return null; 
        } 
        return TemplateDictionary[itemType]; 
    } 
}

这里是链接https://code.msdn.microsoft.com/How-to-bind-data-to-04dcf26d。您可以下载源代码。

答案 2 :(得分:0)

这是我的2美分:

[ContentProperty(Name = nameof(Templates))]
public class TypedDataTemplateSelector : DataTemplateSelector
{
  public IList<TypedDataTemplate> Templates { get; } 
    = new ObservableCollection<TypedDataTemplate>();

  public TypedDataTemplateSelector()
  {
    var incc = (INotifyCollectionChanged)Templates;
    incc.CollectionChanged += (sender, e) =>
    {
      if (e?.NewItems.Cast<TypedDataTemplate>()
          .Any(tdt => tdt?.DataType == null || tdt?.Template == null) == true)
        throw new InvalidOperationException("All items must have all properties set.");
    };
  }

  protected override DataTemplate SelectTemplateCore(object item, 
      DependencyObject container)
  {
    if (item == null) return null;
    if (!Templates.Any()) throw new InvalidOperationException("No DataTemplates found.");

    var result =
      Templates.FirstOrDefault(t => t.DataType.IsAssignableFrom(item.GetType()));
    if (result == null)
      throw new ArgumentOutOfRangeException(
        $"Could not find a matching template for type '{item.GetType()}'.");

    return result.Template;
  }
}

[ContentProperty(Name = nameof(Template))]
public class TypedDataTemplate
{
  public Type DataType { get; set; }
  public DataTemplate Template { get; set; }
}

用法:

<ContentControl Content="{Binding}">
  <ContentControl.ContentTemplateSelector>
    <v:TypedDataTemplateSelector>
      <v:TypedDataTemplate DataType="data:Person">
        <DataTemplate>
          <StackPanel>
            <TextBox Header="First name" Text="{Binding FirstName}" />
            <TextBox Header="Last name" Text="{Binding LastName}" />
          </StackPanel>
        </DataTemplate>
      </v:TypedDataTemplate>
      <v:TypedDataTemplate DataType="data:Company">
        <DataTemplate>
          <StackPanel>
            <TextBox Header="Company name" Text="{Binding CompanyName}" />
          </StackPanel>
        </DataTemplate>
      </v:TypedDataTemplate>
    </v:TypedDataTemplateSelector>
  </ContentControl.ContentTemplateSelector>
</ContentControl>