WPF中UserControl数据绑定失效：页面可用控件不可用

问题原因 #

MainWindow中设置了DataContext = this，导致其所有子控件（包括引入的ExampleComponent）都会继承这个DataContext。ExampleComponent里的ListView绑定{Binding OtherItems}会尝试从MainWindow的DataContext中查找OtherItems属性，但MainWindow并没有定义该属性，因此绑定失败，最终ListView显示为空。

同时，ExampleComponent自身未明确设置DataContext指向自身，绑定上下文默认继承自父控件MainWindow，这是核心问题所在。

解决方法 #

方法一：设置UserControl的DataContext为自身 #

修改ExampleComponent的后台构造函数，添加DataContext = this，让绑定上下文指向控件自身：

using System.Collections.ObjectModel;
using System.Windows.Controls;

namespace WpfApp1.Components
{    
    public partial class ExampleComponent : UserControl
    {
        private ObservableCollection<string> _otherItems;

        public ObservableCollection<string> OtherItems
        {
            get { return _otherItems; }
            set { _otherItems = value; }
        }

        public ExampleComponent()
        {
            _otherItems = new ObservableCollection<string>();
            DataContext = this; // 添加此行，指定DataContext为自身
            InitializeComponent();

            OtherItems.Add("Other 1");
            OtherItems.Add("Other 2");
        }
    }
}

方法二：使用RelativeSource绑定到UserControl实例 #

无需修改DataContext，直接在XAML中通过RelativeSource指定绑定的源为当前ExampleComponent控件，这种方式更灵活，避免DataContext继承带来的冲突：

<UserControl x:Class="WpfApp1.Components.ExampleComponent"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:WpfApp1.Components"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>
        <!-- 修改绑定，通过RelativeSource指向当前UserControl -->
        <ListView ItemsSource="{Binding OtherItems, RelativeSource={RelativeSource AncestorType={x:Type local:ExampleComponent}}}" />
    </Grid>
</UserControl>

推荐方案 #

优先选择方法二，因为设置DataContext为自身会覆盖继承的上下文，若后续UserControl需要绑定外部父组件的数据时会出现冲突；而RelativeSource绑定明确指定了数据源，既解决当前问题，也保留了控件的灵活性。

内容的提问来源于stack exchange，提问作者infinitezero