在两个控件中使用 MVVM 将 Silverlight 数据绑定到父用户控件的属性

Question

我有两个 UserControls（“UserControlParentView”和“UserControlChildView”），两个控件都实现了 MVVM 模式。父控件是子控件的容器，子控件的属性应通过父控件的数据绑定进行更新，以便显示/隐藏子控件内的某些复选框。

父控件描述

UserControlParentViewModel 具有属性：

    private bool isShowCheckbox = false;
    public bool IsShowCheckbox
    {
        get { return isShowCheckbox; }
        set { isShowCheckbox = value; NotifyPropertyChanged("IsShowCheckbox");  }
    }

UserControlParentViewModel - 如何设置父控件的 DataContext：

    public UserControlParentView()
    {
        InitializeComponent();

        this.DataContext = new UserControlParentViewModel();
    }        

UserControlParentView 包含切换按钮（在 XAML 中），绑定到 UserControlParentViewModel 的属性 IsShowCheckbox

<ToggleButton Grid.Column="1" IsChecked="{Binding IsShowCheckbox, Mode=TwoWay}"></ToggleButton>

父控件还包含子元素的实例（在 XAML 中的某处） )

<local:UserControlChildView IsCheckBoxVisible="{Binding IsShowCheckbox}" ></local:UserControlChildView>

因此，当用户切换/取消切换按钮时，应更新子控件中的属性。 子控件包含要从父控件更新的布尔属性，但什么也没发生！断点从未触发！

UserControlChildView 中的属性应从父控件更新（这里我计划使 chechBox 在后面的代码中可见/隐藏）：

    public bool IsCheckBoxVisible
    {
        get { return (bool)GetValue(IsCheckBoxVisibleProperty); }
        set { SetValue(IsCheckBoxVisibleProperty, value); }
    }
    // Using a DependencyProperty as the backing store for IsCheckBoxVisible.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty IsCheckBoxVisibleProperty =
        DependencyProperty.Register("IsCheckBoxVisible", typeof(bool), typeof(TopMenuButton), new PropertyMetadata(false));

所以问题是 - 我做错了什么？为什么孩子的财产永远不会更新？顺便说一句 - 输出窗口中没有任何绑定错误警告...

Answer 1

您没有说明断点的放置位置“从未触发！”。我的猜测是您在 IsCheckBoxVisible 属性的 set mutator 方法中放置了一个断点。

您的操作假设是该属性上的绑定将在某个时刻导致在分配值时调用 set 方法。然而，Silverlight 绑定框架实际上直接调用SetValue。它将 IsCheckBoxVisibleProperty 的值和要分配的值传递给 SetValue 方法。

Answer 2

我看不到你的所有代码，所以我无法解决所有问题，但有几个问题：

在你的 DependencyProperty.Register 调用中，你指定了 typeof(TopMenuButton)，它应该是 UserControlChildView - 我不知道是否这是否是你的观点？

您没有为更改的属性设置回调方法。为此，您必须在注册 depencencyProperty 之前定义 FrameworkPropertyMetadata 的属性，如下所示：

FrameworkPropertyMetadata metadata = new FrameworkPropertyMetadata();
metadata.PropertyChangedCallback += OnSpacePropertyChanged;

然后您必须声明 OnSpacePropertyChanged，但您至少可以从那里响应设置属性。

Answer 3

我非常确定您无法在 Silverlight 3 中绑定到用户控件上的依赖属性。9 个月前我亲自尝试过，并尝试了各种方法来使其正常工作。最终我在某处读到这是不可能的。我已经在 WPF 中完成了它，所以我花了一段时间思考它，认为这是我的实现。

因此，从表面上看，您的代码看起来是正确的，但这没有帮助。

我认为SL4 中会修复这个问题。

你用的是SL4吗？

Answer 4

嗬嗬！！我已经让它工作了！

在子控件中，我稍微更改了属性

    public bool IsCheckBoxVisible
    {
        get { return (bool)GetValue(IsCheckBoxVisibleProperty); }
        set { SetValue(IsCheckBoxVisibleProperty, value); }
    }
    // Using a DependencyProperty as the backing store for IsCheckBoxVisible.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty IsCheckBoxVisibleProperty =
        DependencyProperty.Register("IsCheckBoxVisible", typeof(bool), typeof(UserControlChildView), new PropertyMetadata(false, new PropertyChangedCallback((d, dc) => 
        {
            var button = d as UserControlChildView;
            button.CheckBoxVisibility = ((bool)dc.NewValue) ? Visibility.Visible : Visibility.Collapsed;
        })));

，所以现在我有新的事件订阅（请参阅匿名方法），并且当父控件中的 IsShowCheckbox 属性更改时，它会触发！

CheckBoxVisibility dependent.property 看起来像这样：

    public Visibility CheckBoxVisibility
    {
        get { return (Visibility)GetValue(CheckBoxVisibilityProperty); }
        set { SetValue(CheckBoxVisibilityProperty, value); }
    }

    // Using a DependencyProperty as the backing store for IsCheckBoxVisible.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty CheckBoxVisibilityProperty =
        DependencyProperty.Register("CheckBoxVisibility", typeof(Visibility), typeof(UserControlChildView), new PropertyMetadata(Visibility.Collapsed));

serControlChildView 的构造函数看起来像：

    public UserControlChildView()
    {
        InitializeComponent();

        this.LayoutRoot.DataContext = this;
    }

所以看起来它有效！谢谢你们的帮助，伙计们！

Answer 5

好吧，看起来一切都工作正常，我只是对未触发的断点感到困惑。

为简单起见，我决定从子控件中删除 IsCheckBoxVisible boolean dependent.property，并将子控件中的复选框可见性直接绑定到 CheckBoxVisibility dependent.property（类型为 Visibility）。

现在还在父控件中我有这个：

<local:UserControlChildView CheckBoxVisibility="{Binding Path=CheckboxControlVisibility}"></local:UserControlChildView>

所以在父控件中现在我有 CheckboxControlVisibility 属性（类型是 Visibility）