用户控件与列表框和父控件之间的绑定（MVVM）

Question

我有一个用户控件，其中包含一个列表框和几个按钮。

<UserControl x:Class="ItemControls.ListBoxControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006">
    <Grid>
        <ListBox:ExtendedListBox SelectionMode="Single" ItemsSource="{Binding LBItems}" Height="184">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <CheckBox Content="{Binding}"/>
                    </DataTemplate>
                </ListBox.ItemTemplate>
        </ListBox>
<Button Command="RemoveCommand"/>
</Grid>
</UserControl>

背后的代码：

public static readonly DependencyProperty RemoveCommandProperty =
 DependencyProperty.Register("RemoveCommand", typeof(ICommand), typeof(ListBoxControl), null);

 public ICommand RemoveCommand
 {
  get { return (ICommand)GetValue(RemoveCommandProperty); }
  set { SetValue(RemoveCommandProperty, value); }
 }

 public static readonly DependencyProperty LBItemsProperty =
 DependencyProperty.Register("LBItems", typeof(IEnumerable), typeof(ListBoxControl), null);

 public IEnumerable LBItems
 {
  get { return (IEnumerable)GetValue(LBItemsProperty); }
  set { SetValue(LBItemsProperty, value); }
 }

我在视图中使用这个控件，如下所示：

<ItemControls:ListBoxControl Height="240" Width="350" LBItems="{Binding Items, Converter={StaticResource ItemsConverter}, Mode=TwoWay}" RemoveCommand="{Binding RemoveCommand}"/>

该命令工作正常，但列表框绑定却不行。我的问题是 - 为什么？

Answer 1

UserControl 中的 ListBox 未正确绑定到 LBItem。 ListBox 的 DataContext 不是您的控件，因此它尝试直接从您的 ViewModel 绑定 LBItem。

在您的 UserControl 声明中添加 DataContext="{BindingrelativeSource={RelativeSource Self}}"。这应该将您的 DataContext 正确设置为 UserControl 并允许您绑定以正确定位 LBItems 属性。

编辑

你的评论提醒了我。您需要将 Grid 的 DataContext 设置为您的 UserControl。最简单的方法是命名网格，即 ，然后在 UserControl 的构造函数中 LayoutRoot.DataContext = this; code>

如果设置 UserControl 的 DataContext，则会破坏 VM 中的绑定，但如果在 Grid 上设置它们，则顶部绑定仍然有效，并且 UserControl 内的所有控件都可以正确绑定到 UserControl。