通过绑定更改子视图

Question

可能的重复：
更改 ViewModel 的视图

我有一个视图：

<UserControl ...>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <ComboBox ItemSource="{Binding Items}" />
        **<???>**
    </Grid>
</UserControl>

我有 ViewModel：

public class VM
{
    // ...
    public List<Entities> Items { get; set;}
    public String Title { get; set; }
}

并且我有一些这样的子视图：

<UserControl ...>
    <TextBlock Text="{Binding Title}" />
</UserControl>

当用户从主视图中的 ComboBox 中选择一些值时，我需要放置在第二列中 主视图的一些子视图。如果用户在ComboBox中选择其他值，则另一个subView将替换现有的subView。

怎么办呢？

Answer 1

我通常只使用 ContentControl 并让它根据 DataTemplates 确定要绘制哪个视图

<ContentControl Content="{Binding SelectedView}">
    <ContentControl.Resources>
        <DataTemplate DataType="{x:Type local:ViewModelA}">
            <local:ViewA />
        </DataTemplate>
        <DataTemplate DataType="{x:Type local:ViewModelB}">
            <local:ViewB />
        </DataTemplate>
        <DataTemplate DataType="{x:Type local:ViewModelC}">
            <local:ViewC />
        </DataTemplate>
    </ContentControl.Resources>
</ContentControl>

Answer 2

您可以绑定到 ComboBox 的 SelectedItem，例如，

<ComboBox x:Name="cb" ItemSource="{Binding Items}" />
<ContentControl Content="{Binding SelectedItem, ElementName=cb}" Grid.Column="1">
    <ContentControl.ContentTemplate>
        <DataTemplate>
            <v:SubView /> <!-- Bind properties as appropriate -->
        <DataTemplate>
    <ContentControl.ContentTemplate>
<ContentControl>

如果您有不同的视图，请使用 ContentTemplateSelector 而不是硬编码一个模板。