WPF MVVM 创建动态控件

Question

WPF MVVM 创建动态控件 - 我有一个网格，上面有一个作业（您可以说类似 sql server 作业）的详细信息。

现在，对于每个作业，可能有“n”个作业变量。当我获取作业的记录时，它会获取作业变量的集合，这些变量是名称-值对，其中值可以是集合或日期时间值，甚至是整数或字符串。

现在我想在这里实现的是： -- 如果运行变量是日期时间那么我需要一个日期选择器 -- 如果是 int/String 我需要一个文本框 - 如果它是一个集合，那么它是一个组合框。 -- 它是一个位字段，然后是一个复选框，

我不确定如何实现它，因为这些值对于每个作业都可能不同。

Answer 1

我假设您将通过设置其 ItemsSource 属性将表示这些名称/值对的某种对象放入 ItemsControl 中。

您可以使用多种解决方案。

将 DataTemplate 与触发器结合使用：

此方法涉及通过 YourPropertyType 属性将每个对象的“类型”公开为字符串。您将 ItemsControl 的 ItemTemplate 设置为托管 ContentControl 的模板。 ContentControl 本身将通过触发器动态选择其 ContentTemplate。

所有这些都可以在 XAML 中以声明方式完成。

我假设您还有名为 DefaultTemplate （可以为空）、IntegerTemplate、StringTemplate 等的 DataTemplates 等勾勒出每种情况的视觉树。

这将是 ItemsControl.ItemTemplate：

<DataTemplate>
    <ContentControl
        x:Name="MyContentControl"
        Content="{Binding}"
        ContentTemplate="{StaticResource DefaultTemplate}"/>
    <DataTemplate.Triggers>
        <DataTrigger Binding="{Binding YourPropertyType}" Value="Integer">
            <Setter TargetName="MyContentControl" Property="ContentTemplate"
                    Value="{StaticResource IntegerTemplate}" />
        </DataTrigger>
        <DataTrigger Binding="{Binding YourPropertyType}" Value="String">
            <Setter TargetName="MyContentControl" Property="ContentTemplate"
                    Value="{StaticResource StringTemplate}" />
        </DataTrigger>
        <!-- and so on -->
    </DataTemplate.Triggers>
</DataTemplate>

使用 DataTemplateSelector：

此方法需要代码隐藏，但它不会强制您公开每个名称/的“类型”值对作为字符串，它允许您选择要使用哪个模板来处理更复杂的逻辑。

它涉及创建一个类作为模板选择器：

class YourObjectDataTemplateSelector : DataTemplateSelector
{
    public DataTemplate DefaultTemplate { get; set; }

    public override DataTemplate SelectTemplate(object item, DependencyObject container)
    {
        var yourObject = (YourObjectType) item;

        // Get hold of a DataTemplate based on any attribute of item
        var templateToUse = this.DefaultTemplate;

        return templateToUse;
    }
}

然后，您需要在某处实例化模板选择器（比方说在您的 UserControl 内部）

<UserControl.Resources>
    <localNamespace:YourObjectDataTemplateSelector
      x:Key="TemplateSelector"
      DefaultTemplate="{StaticResource DefaultTemplate}"
    />
</UserControl.Resources>

请注意，我公开了一个 DefaultTemplate 属性YourObjectDataTemplateSelector 并将其设置为来自 XAML 的模板。实际上，您可以在 YourObjectDataTemplateSelector 上定义更多 DataTemplate 类型的属性，并在将模板选择器添加到控件的资源字典中时“配置”模板选择器。这允许您使用 XAML 中的 StaticResource 标记扩展直接设置每种情况的模板。

最后，将模板选择器连接到您的 ItemsControl：

<ItemsControl 
  ItemsSource="..."
  ItemTemplateSelector={StaticResource TemplateSelector}"
/>

Answer 2

我相信您正在考虑使用某种形式的数据模板和< a href="http://msdn.microsoft.com/en-us/library/system.windows.controls.datatemplateselector.aspx" rel="nofollow">DataTemplateSelector 来实现您的目标。