无法将命令传递/绑定到 WPF 用户控件

Question

我正在尝试将命令传递给 WPF 用户控件中的元素。

<UserControl x:Class="MyApp.MyControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <!-- shortened -->
    <Button Command="{Binding Command}">
        <Button.Content>
            <!-- shortened -->
        </Button.Content>
    </Button>
</UserControl>

public partial class MyControl : UserControl
{
   public static readonly DependencyProperty CommandProperty
      = DependencyProperty.Register("Command", 
                                           typeof(ICommand), typeof(MyControl));
   //shortened        
   public ICommand Command
   {
      get { return (ICommand)GetValue(CommandProperty); }
      set { SetValue(CommandProperty, value); }
   }
   //shortened
} 

<uc:MyControl Command="{Binding DoStuffCommand}" />  <!-- shortened -->

单击用户控件中的按钮时，没有任何反应。
当我调试时，Command 属性为 null。
将命令绑定到用户控件外部的按钮确实有效。
这里出了什么问题？

Answer 1

Button 的默认 DataContext 是 UserControl 的 DataContext，而不是 UserControl，因此您尝试绑定到 DataContext.Command< /code> 而不是 UserControl.Command

要绑定到 UserControl.Command，请使用 RelativeSource 绑定

<Button Command="{Binding Command, RelativeSource={
        RelativeSource AncestorType={x:Type local:MyControl}}}">  

EDIT 刚刚注意到<一href="https://stackoverflow.com/questions/7957123/cannot-pass-bind-command-to-wpf-user-control/7957233#7957233">HB的答案，这也可以。通常我更喜欢 RelativeSource 绑定而不是 ElementName 绑定，因为有时我会重命名项目并习惯忘记其他控件通过名称引用该项目

Answer 2

为控件命名并使用 ElementName：

<UserControl ...
             Name="control">
    <Button Command="{Binding Command, ElementName=control}">
    <!-- ... -->

Answer 3

好吧，我只需绑定到来自主机控件/窗口的命令。因为数据上下文将从它继承。像这样的东西。

<UserControl x:Class="MyApp.MyControl" 
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <!-- shortened --> 
    <Button Command="{Binding DoStuffCommand}"> 
        <Button.Content> 
            <!-- shortened --> 
        </Button.Content> 
    </Button> 
</UserControl>

然后，您可以从代码隐藏文件中删除依赖属性代码。

并删除命令属性绑定，

<uc:MyControl />

Answer 4

一般来说，我总是遵循 Rachel 的建议（如上面的一个）。但在这种特殊情况下，我会考虑在用户控件的根元素上设置 DataContext，然后在其中进行整齐的绑定。

<Grid DataContext="{Binding RelativeSource={RelativeSource FindAncestor,
                            AncestorType={x:Type UserControl}}}">
<!-- shortened -->
    <Button Command="{Binding Command}">
        <Button.Content>
            <!-- shortened -->
        </Button.Content>
    </Button>
</Grid >