Question

所以我试图绑定以下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);
    }    
}

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

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

编辑：值得注意的是，ListBoxItem中显示的ViewModel是自定义模型：

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

Answer 1

您应该尝试适应MVVM模式，因此列表的填充应该出现在viewmodel级别而不是后面的视图代码中。

您提到使用click事件而不是这样做，尝试将按钮的command属性绑定到viewmodel中的命令，请参阅此链接以及几种类型的命令的说明以及如何使用它们： 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的方式中，你实际上需要替换整个集合而不是添加到fire RaisePropertyChanged，而是尝试普通的属性。

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

修改集合将更新UI，因此无论何时使用“添加”或“清除”，UI都应该知道它。

希望它有所帮助。

将Listbox绑定到ObservableCollection

1 个答案: