ObservableCollection或List数据使用MVVM与comboBox绑定？

Question

我有ObservableCollection项目我想要绑定这个数据到我的组合框。 如何使用comboBox绑定数据？ 我使用MVVM模式，使建议我使用MVVM模式

我试图做到这一点的代码，但不能正常工作如何将数据绑定.. 在我的XAML页面：

<ComboBox x:Name="comobo1" 
      DisplayMemberPath="CardTypeName" 
      SelectedValuePath="CardTypeID" 
      ItemsSource="{Binding Path=combodata}">  
</ComboBox> 

在我的ViewModel
（Card是我的模型）

public ObservableCollection<Card> combodata = new ObservableCollection<Card>(); 
foreach (var item in App.db.States) 
{ 
    Card c = new Card(item.StateName, item.StateID); 
    combodata.Add(c); 
} 

何w将这个combodata绑定到我的comboBox - 我做错了什么？

Answer 1

起初：您combodata有私人访问修饰符，而不是公共。第二位：combodata必须是财产但不是字段。你最好添加INotifyPropertyChanged实现到你的课堂。

Answer 2

您需要绑定到公共属性。在你的例子中，combodata是私人的。

Answer 3

你必须绑定到应该实现INotifyPropertyChanged的视图模型的公共属性。

这里是你应该做的：

查看：

<ComboBox x:Name="comobo1" DisplayMemberPath="CardTypeName" SelectedValuePath="CardTypeID" ItemsSource="{Binding Path=ComboData}" /> 

视图模型：

public class MyViewModel : INotifyPropertyChanged 
    { 
     private ObservableCollection<Card> comboData; 

     public event PropertyChangedEventHandler PropertyChanged; 

     public ObservableCollection<Card> ComboData 
     { 
      get 
      { 
       return this.comboData; 
      } 

      set 
      { 
       if (this.comboData != value) 
       { 
        this.comboData = value; 
        this.NotifyPropertyChanged("ComboData"); 
       } 
      } 
     } 

     private void NotifyPropertyChanged(String info) 
     { 
      if (PropertyChanged != null) 
      { 
       PropertyChanged(this, new PropertyChangedEventArgs(info)); 
      } 
     } 
    } 

编辑：你还需要设置你的观点的DataContext财产。最简单的方法是将ViewModel的实例影响到视图代码隐藏的DataContext属性。

Answer 4

private ObservableCollection<Card> _combodata; 
Public ObservableCollection<Card> comboData 
{ 
    get 
    { 
     if (_combodata == null) 
     _combodata = new ObservableCollection<Card>(); 
     return _combodata; 
    } 
    set 
    { 
     if (value != _combodata) 
      _combodata = value; 
    } 
} 


<ComboBox x:Name="comobo1" 
     DisplayMemberPath="CardTypeName" 
     SelectedValuePath="CardTypeID" 
     ItemsSource="{Binding Path=comboData}">  
</ComboBox> 

并且不要忘记设置一个DataContext属性。

Answer 5

代码存在以下问题。

1.您无法绑定到私人字段或属性。它应该是公共财产。

2.您只提供ItemsSource="{Binding Path=combodata}"但未提供来源。 combodata从哪里来？

ObservableCollection无关紧要，除非您的组合框项目一旦填充后不会更改。在这种情况下List可以很好地工作。

要通过指定的ElementName你告诉WPF绑定引擎来寻找主窗口的combodata属性使其工作，你combodata更改为公共财产

public ObservableCollection<Card> combodata {get;set;} 

然后，

<ComboBox x:Name="comobo1" 
      DisplayMemberPath="CardTypeName" 
      SelectedValuePath="CardTypeID" 
      ItemsSource="{Binding Path=combodata}" ElementName=mainWindow>  
</ComboBox> 

类。

我希望这会有所帮助。

Answer 6

我最好的猜测是你的组合框的DataContext没有设置为您的视图模型

的一个实例，我经常使用Snoop调试的DataContext与应用程序的问题。它允许您查看可视树，并查看DataContext适用于所有控件。

DataContext是UI绑定的数据。通常DataContext在Visual Tree中设置得比较高，比如在Window对象上，尽管下面这行代码会将ComboBox的DataContext设置为ViewModel的一个新实例，然后你的ComboBox应该能够找到combodata集合绑定到它。

comobo1.DataContext = new MyViewModel(); 

此外，您combodata从Field（没有get/set访问方法）更改为Property（见Dmitriy's Answer为例）

Answer 7

正确答案是：

在XAML PAGE” ：

<CollectionViewSource x:Key="comboBoxCollection" Source="{Binding comboData}"></CollectionViewSource> 
    <DataTemplate x:Key="ComboBoxDataTemplate"> 
      <Grid MinHeight="25"> 
       <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*" /> 
       </Grid.ColumnDefinitions> 
        <ComboBox x:Name="comobo1" DisplayMemberPath="CardTypeName" SelectedValuePath="CardTypeID" ItemsSource="{Binding Source={StaticResource comboBoxCollection }}"> 
        </ComboBox> 
      </Grid> 
     </DataTemplate> 

在视图模型：

private ObservableCollection<Card> _combodata; 

     public ObservableCollection<Card> comboData 
     { 
      get 
      { 
       if (_combodata == null) 
        _combodata = new ObservableCollection<Card>(); 
       return _combodata; 
      } 
      set 
      { 
       if (value != _combodata) 
        _combodata = value; 
      } 
     } 

    if (_objCardField.FieldTag == "State") 
       { 
        cards = new Cards(); 
        foreach (var item in App.db.States) 
        { 
         Card c = new Card(item.StateName, item.StateID); 
         comboData.Add(c); 
        } 
       }