未创建 Catel ViewModel

Question

我有一个 calel:Usercontrol，它将是一个带有重写 GetViewModelType() 方法的侧边栏。

另外我有dependencyProperty来设置模型项。

问题是我的 ViewModel 从未初始化。

我不知道为什么，但是其他控件的 View Model 初始化正确。

我就是这样做的：

在父视图中：

<itemSideBar:ItemSidebarView Grid.Column="1" PlaceItem="{Binding ElementName=itemsList, Path=SelectedItem}"></itemSideBar:ItemSidebarView>

我的侧边栏控制codeBehind：

using Catel.Windows.Controls;

/// <summary>
/// Interaction logic for ItemSidebarView.xaml.
/// </summary>
public partial class ItemSidebarView : UserControl
{
    /// <summary>
    /// Initializes a new instance of the <see cref="ItemSidebarView"/> class.
    /// </summary>
    public ItemSidebarView()
    {
        InitializeComponent();

    }

    protected override Type GetViewModelType()
    {
        return typeof (ItemSideBarViewModel);
    }

    public static readonly DependencyProperty PlaceItemProperty = DependencyProperty.Register(
        "PlaceItem", typeof (PlaceItem), typeof (ItemSidebarView), new PropertyMetadata(default(PlaceItem)));

    public PlaceItem PlaceItem
    {
        get { return (PlaceItem) GetValue(PlaceItemProperty); }
        set { SetValue(PlaceItemProperty, value); }
    }
}

还有我的 SideBarViewModel

using Catel.MVVM;

/// <summary>
/// UserControl view model.
/// </summary>
public class ItemSideBarViewModel : ViewModelBase
{
    public ItemSideBarViewModel()
    {
    }

    /// <summary>
    /// Initializes a new instance of the <see cref="ItemSideBarViewModel"/> class.
    /// </summary>
    public ItemSideBarViewModel(PlaceItem item)
    {
        PlaceItem = item;
    }

    /// <summary>
    /// Gets the title of the view model.
    /// </summary>
    /// <value>The title.</value>
    public override string Title { get { return "View model title"; } }

    /// <summary>
    /// Gets or sets the property value.
    /// </summary>
    [Model]
    public PlaceItem PlaceItem
    {
        get { return GetValue<PlaceItem>(PlaceItemProperty); }
        set { SetValue(PlaceItemProperty, value); }
    }

    /// <summary>
    /// Register the PlaceItem property so it is known in the class.
    /// </summary>
    public static readonly PropertyData PlaceItemProperty = RegisterProperty("PlaceItem", typeof (PlaceItem), null);

    // TODO: Register models with the vmpropmodel codesnippet
    // TODO: Register view model properties with the vmprop or vmpropviewmodeltomodel codesnippets
    // TODO: Register commands with the vmcommand or vmcommandwithcanexecute codesnippets
}

你能解释一下它应该如何工作吗？我对 ListBox 项目及其工作做了同样的事情。

编辑：在日志中我可以看到：

12:37:59:829 => [DEBUG] [Catel.IoC.TypeFactory] Creating instance of type 'EliteCard.ViewModels.TabList.ItemSideBar.ItemSideBarViewModel' using specific parameters. No constructor found in the cache, so searching for the right one
12:37:59:830 => [DEBUG] [Catel.IoC.TypeFactory] Checking if constructor 'public ctor(PlaceItem place)' can be used
12:37:59:830 => [DEBUG] [Catel.IoC.TypeFactory] Constructor is not valid because value 'EliteCard.ViewModels.TabList.TabListViewModel' cannot be used for parameter 'EliteCard.ViewModels.TabList.TabListViewModel'
12:37:59:831 => [DEBUG] [Catel.IoC.TypeFactory] The constructor is valid and can be used
12:37:59:831 => [DEBUG] [Catel.IoC.TypeFactory] No constructor could be used, cannot construct type 'EliteCard.ViewModels.TabList.ItemSideBar.ItemSideBarViewModel' with the specified parameters
12:37:59:832 => [DEBUG] [Catel.IoC.TypeFactory] Creating instance of type 'EliteCard.ViewModels.TabList.ItemSideBar.ItemSideBarViewModel'. No constructor found in the cache, so searching for the right one.
12:37:59:832 => [DEBUG] [Catel.IoC.TypeFactory] Calling constructor.Invoke with the right parameters
12:37:59:834 => [DEBUG] [Catel.MVVM.ViewModelBase] Creating view model of type 'ItemSideBarViewModel' with unique identifier 3

Answer 1

您正在另一个视图中使用该视图。请注意，Catel 中的每个 视图都有自己的视图模型。

正如您在日志中看到的，它首先尝试使用 most 参数的构造函数（使用模型注入）。之后，它将使用空构造函数。

在您的情况下，只需执行以下操作：

1) 移除空的构造函数（你不想要一个没有上下文的视图模型，对吧？）

2) 确保设置有效的数据上下文。目前，数据上下文是父视图的数据上下文，即父视图模型。在日志中，您可以看到，因为它说当前数据上下文是 TabListViewModel，而您的构造函数需要 PlaceItem 类型的模型。

您可以像这样设置数据上下文：

<itemSideBar:ItemSidebarView Grid.Column="1" DataContext="{Binding ElementName=itemsList, Path=SelectedItem}" />

3) 移除 PlaceItem 依赖属性。这不是必需的。您可以简单地从视图中的视图模型中获取模型（如果您需要在代码隐藏中做任何事情）：

var vm = ViewModel as ItemSideBarViewModel;
if (vm != null)
{
    var myPlaceItem = vm.PlaceItem;
}