将 IsEnabled 绑定到父 ViewModel 而不是 UserControl ViewModel

Question

我在 SilverLight 中开发了一个用户控件，其中包含多个子控件。 文本框、组合框等等。

问题是，当我将该 UserControl 包含到父视图中并将完整控件设置为 IsEnabled=False 时，该特定 UserControl 中的子控件> 仍然启用。

毕竟我发现了问题。

添加类似的内容意味着 IsEnabled 绑定位于 UserControl 绑定中，而不是像我在父级的 DataContext 中所期望的那样。

<localControls:TeamEmployeeSelector Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"
          IsEnabled="{Binding CanModify}" DataContext="{Binding Confidentiality}"/>

问题：
但仍然存在一个问题，如何将 IsEnabled 绑定到 Parent 的 ViewModel ？因为将 CanModify 属性复制到子控件的 ViewModel 中并不是很优雅。

Answer 1

我不会以某种方式修改绑定（例如，您可以使其依赖于其他答案中建议的其他控件名称），我会单独移动将被禁用的控件和 DataContext 所在的控件被改变。例如：

<ContentControl IsEnabled="{Binding CanModify}" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2">
    <localControls:TeamEmployeeSelector DataContext="{Binding Confidentiality}"/>
</ContentControl>

Answer 2

我将这样做。

您的 TeamEmployeeSelector UserControl 将包含一个根级别元素，默认情况下该元素是 Grid 并命名为“LayoutRoot”。

现在，您可以将所有子元素的 IsEnabled 属性绑定到 UserControl，如下所示：-

 <TextBox IsEnabled="{Binding Parent.IsEnabled, ElementName=LayoutRoot}" ... />

通过使用元素到元素绑定，您无需复制 >CanModify 属性添加到子视图模型中。

有些人可能建议您只需将 x:Name 添加到 UserControl 元素，然后直接绑定到它，而不是像我上面那样通过根元素的 Parent 属性。这在 Silverlight 4 中可以正常工作，但在 3 或 WP7 中则不行。我个人更喜欢上面的。

Answer 3

这是一个范围界定问题。通常，在创建 UserControl 时，您希望将其自身设置为其子元素的 DataContext。这在构造函数中最容易完成：

UserControlExample() {
   InitializeComponent();
   RootElement.DataContext = this;
}

其中 RootElement 是您为 UserControl 的第一个子项（通常是网格或面板）指定的名称。

从这里，您可以为子元素设置自然绑定，如下所示：

<TextBox x:Name="MainTextBox" IsEnabled={Binding IsEnabled} />

这有效，因为 TextBox 继承了父布局面板的 DataContext。

最后，如果您想让 UserControl 的 IsEnabled 属性与其父级相关，最好在声明时完成：

<Grid>
   <UserControlExample IsEnabled={Binding CanModify} />
</Grid>

这样您就可以保留关注点分离。子控件不关心 UserControl 所反映的内容。他们只需要知道当控件的 IsEnabled 属性翻转时如何启用/禁用。

sub-controls IsEnabled bound to --> (UserControlExample is DataContext)
   UserControlExample.IsEnabled bound to -->  (VM is DataContext)
      VM.CanModify  

Answer 4

我不知道在 Silverlight 中是否可行，但在 WPF 中我会使用relativesource。

请查看此处。

希望这有帮助！

Answer 5

<localControls:TeamEmployeeSelector Grid.Row="1" Grid.Column="0"
Grid.ColumnSpan="2" IsEnabled="{Binding ElementName=SomeElementName_With_Parent_ViewModel, Path=DataContext.CanModify}" DataContext="{Binding Confidentiality}"/>