如何将ObservableCollection绑定到ListView？及填充无限循环问题排查

一、无限填充循环的根源 #

你遇到的无限循环问题，核心原因是**DeviceCategoryViewModel的构造函数中调用了FillDeviceCategories()，而这个方法的LINQ查询里又直接new DeviceCategoryViewModel()**——每创建一个新的ViewModel实例，都会触发它的构造函数，再次执行FillDeviceCategories()，进而又创建更多ViewModel实例，形成无限递归循环，最终导致程序卡死或抛出栈溢出异常。

二、修复无限循环的具体步骤 #

1. 重构ViewModel的构造与数据填充逻辑 #

把数据填充的逻辑从构造函数中剥离，并且在LINQ查询中不要直接创建ViewModel实例，而是先获取关联的实体数据，再映射成ViewModel对象：

修改后的DeviceCategoryViewModel代码：

using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Linq;

class DeviceCategoryViewModel : INotifyPropertyChanged
{
    // 实现INotifyPropertyChanged，确保UI能响应数据变化
    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    private ObservableCollection<DeviceCategoryViewModel> _deviceCategories;
    public ObservableCollection<DeviceCategoryViewModel> DeviceCategories
    {
        get { return _deviceCategories; }
        set
        {
            _deviceCategories = value;
            OnPropertyChanged(nameof(DeviceCategories));
        }
    }

    private DeviceCategoryViewModel _selectedDeviceCategory;
    public DeviceCategoryViewModel SelectedDeviceCategory
    {
        get { return _selectedDeviceCategory; }
        set
        {
            _selectedDeviceCategory = value;
            OnPropertyChanged(nameof(SelectedDeviceCategory));
        }
    }

    // 公共属性，对应实体数据
    public int Device_category_id { get; set; }
    public string Category_name { get; set; }
    public int Device_complexity_id { get; set; }
    public string Device_complexity_name { get; set; }

    // 构造函数：不再自动填充集合，改为外部调用
    public DeviceCategoryViewModel() { }

    // 专门用于从实体映射到ViewModel的静态方法
    public static DeviceCategoryViewModel FromEntity(DeviceCategory deviceCategory, DeviceComplexity deviceComplexity)
    {
        return new DeviceCategoryViewModel
        {
            Device_category_id = deviceCategory.Device_category_id,
            Category_name = deviceCategory.Category_name,
            Device_complexity_id = deviceCategory.Device_complexity_id,
            Device_complexity_name = deviceComplexity.Device_complexity_name
        };
    }

    // 填充集合的方法：先查询实体，再映射为ViewModel
    public void FillDeviceCategories()
    {
        using (TechDContext dc = new TechDContext())
        {
            // 先查询关联的实体数据，得到实体组合
            var query = from cat in dc.DeviceCategories
                        join com in dc.DeviceComplexities on cat.Device_complexity_id equals com.Device_complexity_id
                        select new { Category = cat, Complexity = com };

            // 转换为ViewModel集合，这里创建的ViewModel实例不会触发构造里的Fill
            var viewModelList = query.Select(item => FromEntity(item.Category, item.Complexity)).ToList();
            DeviceCategories = new ObservableCollection<DeviceCategoryViewModel>(viewModelList);
        }
    }
}

2. 修改窗口初始化逻辑 #

现在需要在窗口初始化时，先创建ViewModel实例，再手动调用填充方法：

var vm = new DeviceCategoryViewModel();
vm.FillDeviceCategories();
DeviceCategoriesPanel.DataContext = vm;

三、正确绑定ObservableCollection到ListView的要点 #

1. 实现INotifyPropertyChanged接口 #

ViewModel必须实现这个接口，当DeviceCategories集合被赋值时，通过OnPropertyChanged通知UI更新绑定。如果没有实现，即使集合内容变化，UI也可能无法感知。

2. 确保XAML绑定路径正确 #

注意原代码中ViewModel的属性是Сategory_name（首字母是俄文的С，不是英文的C），和XAML里的Category_name拼写不一致，这会导致绑定失败！一定要修正属性名的拼写，保持ViewModel属性和XAML绑定路径一致。

修正后的XAML数据模板：

<DataTemplate>
    <StackPanel Margin="5">
        <TextBlock FontSize="18" Text="{Binding Path=Category_name}" />
        <TextBlock Text="{Binding Path=Device_complexity_name}" />
    </StackPanel>
</DataTemplate>

3. 正确设置DataContext #

确保ListView所在的容器（这里是DeviceCategoriesPanel）的DataContext被设置为ViewModel实例，这样ListView的ItemsSource="{Binding DeviceCategories}"才能正确找到数据源。

4. 利用ObservableCollection的特性 #

ObservableCollection本身会在集合的添加/删除/替换元素时自动通知UI，所以当你后续需要修改集合内容时，直接操作DeviceCategories（比如Add/Remove）即可，不需要重新赋值，UI会自动更新。

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