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); 
        } 
       }