MVVM: ViewModel inheritance

本文关键字:inheritance ViewModel MVVM | 更新日期: 2023-09-27 17:56:16

我有以下视图模型:

public class DocumentViewModel : ViewModelBase
{
    public virtual string TabHeader
    {
        get { return "Document"; }
    }
    private ObservableCollection<DATA> data;
    /// <summary>
    /// Source for Grid
    /// </summary>
    public ObservableCollection<DATA> Data
    {
        get { return data; }
        set
        {
            data = value;
            RaisePropertyChanged("Data");
        }
    }
  // ...... a lot of properties and methods ....
}

我想ProcurementViewModel继承DocumentViewModel

 public class ProcurementViewModel : DocumentViewModel
 {
    public override string TabHeader
    {
        get { return "Procurement"; }
    }
 }

请注意,我只覆盖一个属性。其余属性应取自基本视图模型。

现在我想使用此数据模板显示它:

<DataTemplate DataType="{x:Type vm:ProcurementViewModel}">
    <views:DocumentView />
</DataTemplate>

但没有显示任何数据。TabHeader 绑定到 TabControl 的 Header - 它显示来自基本视图模型的值。

如果我将数据类型指定为 {x:Type vm:DocumentViewModel}一切正常。

以下是 DocumentView 的一部分,我在其中使用 DataTemplates:

<Grid>
    <telerik:RadTabControl Name="rtcTabs"  ItemsSource="{Binding Tabs}" SelectedItem="{Binding SelectedTab}" SelectedIndex="1">
        <telerik:RadTabControl.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding TabHeader}"/>
            </DataTemplate>
        </telerik:RadTabControl.ItemTemplate>
        <telerik:RadTabControl.Resources>
            <DataTemplate DataType="{x:Type vm:DashboardViewModel}">
                <views:DashboardView />
            </DataTemplate>
            <DataTemplate DataType="{x:Type vm:ProcurementViewModel}">
                <views:DocumentView />
            </DataTemplate>
        </telerik:RadTabControl.Resources>
    </telerik:RadTabControl>
</Grid>

以下是 DocumentView.xaml 的一部分:

<UserControl x:Class="DMRS.Views.DocumentView"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
         xmlns:vm="clr-namespace:DMRS.ViewModels;assembly=DMRS.ViewModels"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="358" d:DesignWidth="582" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">
<!--<UserControl.DataContext>
    <vm:DocumentViewModel/>
</UserControl.DataContext>-->
<UserControl.Resources>
    <Style x:Key="stlDocViewCombobox" TargetType="{x:Type telerik:RadComboBox}">
        <Setter Property="OpenDropDownOnFocus" Value="True"/>
    </Style>
</UserControl.Resources>
<Grid>
    <telerik:RadGridView AutoGenerateColumns="False" Name="rgvData" 
                         ItemsSource="{Binding Data}" 
                         SelectedItem="{Binding SelectedData}">
        <telerik:RadGridView.Resources>
..................................

MVVM: ViewModel inheritance

如果我指定数据类型{x:Type vm:DocumentViewModel}所有内容 工作得很好。TabHeader 绑定到 TabControl 的 Header - 它显示 来自基本视图模型的值

听起来你DataContext中的项目实际上是一个DocumentViewModel,而不是一个ProcurementViewModel

基对象的隐式DataTemplate也应应用于从该类型继承的所有对象,但子对象的DataTemplates不适用于父对象。

因此,由于您在设置DataType="{x:Type vm:DocumentViewModel}"时看到基本DocumentViewModel.TabHeader,这意味着您可能绑定到DocumentViewModel对象,而不是ProcurementViewModel对象。

要确认这种情况,您可以使用 Snoop 等第三方工具来找出您的DataContext对象在运行时是什么。

编辑:

根据您添加到问题中的新代码,最可能的原因是您的Tabs集合(应用DataTemplate的项的DataContext不包含ProcurementViewModel对象。

是否可以检查以确保Tabs集合包含ProcurementViewModel对象,而不仅仅是包含DocumentViewModel对象?

(另外由于您的DataTemplates相同并且ProcurementViewModel继承自DocumentViewModel,因此您只需要DocumentViewModelDataTemplate

从我们可用的有限信息来看,这似乎应该有效! 检查派生 VM 的命名空间是否与基础 VM 的命名空间相同(或者,如果它们有意不同,则检查 XAML 中的命名空间是否具有适当的声明)。

另一种可能性是,您在运行时实际上没有任何ProcurementViewModel实例,因此从不使用DataTemplate。 在此处仔细检查 VM 实例的运行时类型。

这些事情听起来可能很明显,但由于这应该有效,您需要在代码中寻找一些小的疏忽。

处理此类问题的一种好方法是在运行时检查内容控件的 DataContext 属性。

执行此操作的一个好方法是使用可以在运行时检查绑定的工具。例如,可以使用 wpf 检查器 (http://wpfinspector.codeplex.com/)。