将列表框绑定到 ObservableCollection答案

【问题标题】：Binding a Listbox to a ObservableCollection将列表框绑定到 ObservableCollection
【发布时间】：2018-08-13 16:40:53
【问题描述】：

所以我正在尝试绑定以下 ViewModel：

public class ViewModel : INotifyPropertyChanged
{
    private ObservableCollection<ListBoxItem> _PlacesOrCities;
    public ObservableCollection<ListBoxItem> PlacesOrCities
    {
        get { return _PlacesOrCities; }
        set { _PlacesOrCities = value; RaisePropertyChanged("PlacesOrCities"); }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    private void RaisePropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    public ViewModel()
    {
        _PlacesOrCities = new ObservableCollection<ListBoxItem>();
    }
}

到以下xaml：

<ListBox Name="lbPlacesCity" ItemsSource="{Binding Path=(gms:MainWindow.ViewModel).PlacesOrCities, UpdateSourceTrigger=PropertyChanged}">
    <ListBox.ItemTemplate>
        <DataTemplate DataType="models:ListBoxItem">
            <TextBlock Style="{StaticResource  MaterialDesignBody2TextBlock}" Text="{Binding Name}" Visibility="{Binding Visibility}" />
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

在代码隐藏中：

public ViewModel ViewModel { get; set; }

public MainWindow()
{
    InitializeComponent();
    ViewModel = new ViewModel();
    DataContext = ViewModel;
}

在触发按钮单击事件时，我尝试使用内存列表设置可观察集合的值：

private void StateProvince_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    _CurrentSelectionPlaces = Canada.Provinces
        .FirstOrDefault(x => x.Abbreviation == _SelectedStateProvince_ShortName)
        .Place.OrderBy(x => x.Name).ToList();
    foreach (var currentSelectionPlace in _CurrentSelectionPlaces)
    {
        ViewModel.PlacesOrCities.Add(currentSelectionPlace);
    }    
}

但似乎没有任何项目被添加到集合中。我是不是绑定错了？

我尝试了很多解决方案，但似乎都没有改变结果 - 列表中的任何项目都没有正确加载到集合中。

编辑：可能值得注意的是，ViewModel 中看到的 ListBoxItem 是自定义模型：

public class ListBoxItem
{
    [J("Name")] public string Name { get; set; }
    [J("PostalCodes")] public string[] PostalCodes { get; set; }
    public Visibility Visibility { get; set; } = Visibility.Visible;
}

【问题讨论】：

在运行应用程序时，您应该会在Output 窗口中看到绑定错误。尝试从那里找出问题所在
输出中没有产生错误

标签： c# xaml listbox observablecollection

【解决方案1】：

您应该尝试适应 MVVM 模式，因此列表的填充应该发生在视图模型级别，而不是在视图背后的代码中。

您提到您使用点击事件，而不是这样做，尝试将按钮的命令属性绑定到视图模型中的命令，请参阅此链接，其中包含几种类型的命令以及如何使用它们的说明： https://msdn.microsoft.com/en-us/magazine/dn237302.aspx

另一方面，如果您已经在窗口构造函数中设置了数据上下文，则要绑定 ListBox 项目源，您只需要绑定的属性名称“PlacesOrCities”：

<ListBox Name="lbPlacesCity" ItemsSource="{Binding Path=PlacesOrCities, UpdateSourceTrigger=PropertyChanged}">
    <ListBox.ItemTemplate>
        <DataTemplate DataType="models:ListBoxItem">
            <TextBlock Style="{StaticResource  MaterialDesignBody2TextBlock}" Text="{Binding Name}" Visibility="{Binding Visibility}" />
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

也建议尝试在没有任何模板的情况下加载列表中的项目，您可以使用 ListBox DisplayMemberPath 属性来显示名称，一旦您能够加载项目，应用样式。

同样在你使用 ObservableCollection 的方式上，你实际上需要替换整个集合而不是添加到触发 RaisePropertyChanged，而是尝试一个普通的属性。

public ObservableCollection<ListBoxItem> PlacesOrCities {get;set;} = new ObservableCollection<ListBoxItem>();

修改集合会更新 UI，因此无论何时使用 Add 或 Clear，UI 都应该知道。

希望对你有帮助。

【讨论】：