【问题标题】：How can I bind a command in a user control?如何在用户控件中绑定命令？
【发布时间】：2019-10-04 03:49:02
【问题描述】：

简介

我正在尝试使用 Structuremap IoC 容器将我的 C# WPF 应用程序覆盖到 MVVM 模式中进行依赖注入。

在我尝试在 UserControls 中使用与 Windows 相同的命令绑定之前，我的代码运行良好。

我尝试了以下

如果我尝试在某个 UserControl 中绑定命令，则会收到以下错误：System.Windows.Data Error: 40 : BindingExpression path error: 'HelloWorldCommand' property not found on 'object' ''MainWindowViewModel' (HashCode=7304143)'. BindingExpression:Path=HelloWorldCommand; DataItem='MainWindowViewModel' (HashCode=7304143); target element is 'Button' (Name=''); target property is 'Command' (type 'ICommand')

所以问题是我的HelloWorldCommand 是在我的CustomUserControlViewModel 中，它包含并由MainWindowViewModel 绑定。

我的自定义代码 sn-p

我的代码与以下教程 90% 相同： Part 1 Part 2

只有ObjectFactory方法不同，如下图：

public sealed class ObjectFactory
    {
        public static IContainer Container { get; private set; }

        private static Action<ConfigurationExpression> _initialiseMethod;
        private static readonly Lazy<IContainer> _containerBuilder =
            new Lazy<IContainer>(CreateContainer, LazyThreadSafetyMode.ExecutionAndPublication);

        public static void Initialise()
        {
            Container = _containerBuilder.Value;
        }

        private static IContainer CreateContainer()
        {
            return new Container(config =>
            {
                #region services
                config.For<IFileDisplayerService>().Singleton().Use<FileDisplayerService>();
                config.For<IWatermarkService>().Singleton().Use<WatermarkService>();
                #endregion

                #region windows
                config.For<IWindow>().Use<MainWindow>();
                config.For<IWatermarkWindow>().Use<WatermarkSettingsWindow>();

                config.For<IMainWindow>().Singleton().Use<MainWindow>();
                config.For<IMainWindowViewModel>().Singleton().Use<MainWindowViewModel>();

                config.For<IWatermarkSettingsWindow>().Singleton().Use<WatermarkSettingsWindow>();
                config.For<IWatermarkSettingsWindowViewModel>().Singleton().Use<WatermarkSettingsWindowViewModel>();
                #endregion

                #region views
                config.For<IFileListView>().Use<FileListView>();
                config.For<IFileListViewModel>().Use<FileListViewModel>()
                    .Ctor<IView>().Is<FileListView>();

                config.For<IFileDisplayerView>().Use<FileDisplayerView>();
                config.For<IFileDisplayerViewModel>().Use<FileDisplayerViewModel>()
                    .Ctor<IView>().Is<FileDisplayerView>();
                #endregion
            });
        }
    }

我的问题

我的具体问题是，如何将命令绑定到具有自己和父 ViewModel 的用户控件？这在上面的示例中没有显示。

我认为父 ViewModel 也应该包含命令，但我不知道如何将它从子 ViewModel 传递给父 ViewModel。

【问题讨论】：

“我的代码与以下教程 90% 相同” 表示您的代码不同。请在您的问题中分享您代码的相关部分。 “我认为父 ViewModel 也应该包含命令，但我不知道如何将它从子 ViewModel 传递给父 ViewModel”——我怀疑这是个好主意，但是如果需要，父视图模型可以从它自己的孩子那里获取它想要的任何属性——除非你用一些拜占庭的 IOC 东西隐藏它自己的孩子，在这种情况下，你已经学会了一个不使用这些的新理由。
告诉我们the actual code, XAML and C#, which produced the errors you're getting。
因为错误表明您的MainWindowViewModel 上没有名为HelloWorldCommand 的属性。鉴于您的UserControl 的DataContext 似乎指向MainWindowViewModel，该属性应该仅在那里定义。
@Bijington 明白了。 “... MainWindowViewModel 属性应该只在那里定义。”。因此，目标是正确地将零件彼此分开。这意味着我想在 UserControl 的 ViewModel 中而不是在父窗口的 ViewModel 中实现 UserControl 的按钮。我的下一个想法是以某种方式以编程方式将孩子的 dataContext 与父母的 dataContext 合并。可行吗？明天我会将我的整个代码上传到一个说明性的 git 存储库，但现在不幸的是，这就是我所拥有的。
CustomUserControlViewModel 是MainWindowViewModel 的属性吗？然后你可以绑定到这样的属性：{Binding CustomUserControlViewModel.HelloWorldCommand}。但是你应该发布你的类的定义并澄清命令的 DataContect 是什么。

标签： wpf mvvm data-binding ioc-container structuremap

【解决方案1】：

谢谢mm8，我用下面的模式解决了我的问题：

MainWindowViewModel：

public IViewModel FileListViewModel { get; set; }
public IViewModel FileDisplayerViewModel { get; set; }

public IView FileListView { get; set; }
public IView FileDisplayerView { get; set; }

public MainWindowViewModel(IWindow window, IContainer container,
        IFileDisplayerViewModel fileDisplayerViewModel, IFileListViewModel fileListViewModel) : base(window, container)
        {
            FileListViewModel = fileListViewModel;
            FileListView = FileListViewModel.View;

            FileDisplayerViewModel = fileDisplayerViewModel;
            FileDisplayerView = FileDisplayerViewModel.View;
        }

现在我可以将我的 UserControl 的 ViewModel 绑定到 UserControlView：

<Button Command="{Binding FileListViewModel.HelloWorldCommand}" Width="100" Height="20" Content="Push" Background="White"></Button>

这并不完全是我想要的，但它使我免于灾难性的意大利面条代码。我认为我有一个子视图集合是可行的，如果它在父视图中不可用，它用于自动绑定来自它们的命令。但现在这足以继续该项目。谢谢！

【讨论】：