使用具有不同类型细节的主 - 详细视图

时间:2011-03-11 17:43:18

标签: c# .net wpf xaml mvvm

我尝试使用MVVM模式创建一个将在一侧(主)显示树视图的视图,并在左侧(详细信息)显示所选节点的一些信息。

树视图绑定在ViewModel的集合上,而ViewModel实际上是一个抽象类。我有两个继承自我的抽象ViewModel的类,一个代表一个类别,另一个代表一个需求。

在树中,类别可能包含类别或要求的子项。

要求不能有孩子,他们只是离开。

即:

  • 类别1
    • 要求1
    • 子类别1
  • 类别2
    • 子类别2
  • 类别3

我设法在详细信息视图中显示抽象类中的一些数据。我的问题是,如果选择了类别或要求,我必须显示不同的数据...我不知道如何做到这一点。

是否有控件允许我根据树中所选节点的类型显示数据?

我的XAML现在看起来像这样:

<Grid DataContext="{Binding Requirements}">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="350" />
        <ColumnDefinition Width="400*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition />
    </Grid.RowDefinitions>

    <TreeView 
        x:Name="treeRequirements"
        Grid.Column="0" Grid.Row="0" 
        HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
        ItemsSource="{Binding}">
        <TreeView.ItemContainerStyle>
            <!-- This Style binds a TreeViewItem to a PersonViewModel. -->
            <Style TargetType="{x:Type TreeViewItem}">
                <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" />
                <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" />
                <Setter Property="FontWeight" Value="Normal" />
                <Style.Triggers>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter Property="FontWeight" Value="Bold" />
                    </Trigger>
                </Style.Triggers>
            </Style>
        </TreeView.ItemContainerStyle>

        <TreeView.ItemTemplate>
            <HierarchicalDataTemplate ItemsSource="{Binding Children}">
                <TextBlock Text="{Binding Name}" />
            </HierarchicalDataTemplate>
        </TreeView.ItemTemplate>
    </TreeView>

    <Grid 
        Grid.Column="1" Grid.Row="0"
        DataContext="{Binding ElementName=treeRequirements, Path=SelectedItem}">
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>

        <!-- Name comes from the abstract class, so no problem -->
        <TextBlock 
            Grid.Row="0" Grid.Column="0">
            Name
        </TextBlock>
        <TextBox
            Grid.Row="0" Grid.Column="1" 
            Text="{Binding Path=Name, Mode=TwoWay}" />


    </Grid>
</Grid>

我的问题是,我不知道如何根据所选节点所代表的视图模型的类型显示不同的细节。我只能显示抽象类的属性。

任何帮助?

修改

总结一下我的问题,整个主 - 细节和树视图与问题无关,只是放在上下文中。我的问题实际上只是根据我的viewmodel的子类型显示不同的字段,这可能会有所不同。

2 个答案:

答案 0 :(得分:2)

您需要将多个HierarchicalDataTemplate声明为指定每个DataType属性的资源。如果您未指定Treeview.ItemTemplate .net将在运行时选择最佳匹配模板并相应地显示数据。

示例:

<TreeView ItemsSource={Binding}>
   <TreeView.Resources>
      <HierarchicalDataTemplate DataType="{x:Type local:Type1}">
      ...
      </HierarchicalDataTemplate>
      <HierarchicalDataTemplate DataType="{x:Type local:Type2}">
      ...
      </HierarchicalDataTemplate>
    </TreeView.Resources>
</TreeView>

您可能还想阅读以下文章(特别是使用HierarchicalDataTemplate的足球示例:http://msdn.microsoft.com/en-us/library/ms742521.aspx

答案 1 :(得分:0)

我很好奇你的问题,所以我做了一些环顾四周。看起来您可能想要使用DataTemplateSelector。有一个很好的例子显示here