Collegamento ComboBox WPF al mio ViewModel

Question

Sto provando a collegare il mio ViewModel al mio ComboBox. Ho classe ViewModel definita in questo modo:

class ViewModel 
{ 
    public ViewModel() 
    { 
     this.Car= "VW"; 
    } 

    public string Car{ get; set; } 
} 

ho impostato questo ViewModel come DataContext in Window_Load come:

private void Window_Loaded(object sender, RoutedEventArgs e) 
    { 
     this.DataContext = new CarModel(); 
    } 

Poi nel mio XAML, lo faccio per legare il mio ComboBox a questo ViewModel. Voglio mostrare la "VW", come selezionata per impostazione predefinita nella mia casella combinata:

 <ComboBox Name="cbCar" SelectedItem="{Binding Car, UpdateSourceTrigger=PropertyChanged}"> 
      <ComboBoxItem Tag="Mazda">Mazda</ComboBoxItem> 
      <ComboBoxItem Tag="VW">VW</ComboBoxItem> 
      <ComboBoxItem Tag="Audi">Audi</ComboBoxItem> 
     </ComboBox> 

Ho 2 domande:

1. Come faccio a impostare il valore predefinito selezionato in Casella combinata a "VW" (una volta forma carichi, dovrebbe mostrare "VW" nella casella combinata).
2. Invece di impostare ComboBoxItem come sopra in xaml, come impostarlo nel mio ViewModel e quindi caricarlo in ComboBox?

Grazie,

UPDATE: Finora, riesco a implementare questo, ma ottengo l'errore, come di seguito nel ViewModel c-tor:

namespace MyData 
{ 
    class ViewModel 
    { 
     public ViewModel() 
     { 
      this.Make = ""; 
      this.Year = 1; 

      this.DefaultCar = "VW"; //this is where I get error 'No string allowed' 
     } 

     public IEnumerable<Car> Cars 
     { 
      get 
      { 
       var cars = new Car[] { new Car{Model="Mazda"}, new Car{Model="VW"}, new Car{Model="Audi"} }; 
       DefaultCar = cars.FirstOrDefault(car => car.Model == "VW"); 
      } 
     } 

     public string Make { get; set; } 
     public int Year { get; set; } 
     public Car DefaultCar { get; set; } 
    } 

    class Car 
    { 
     public string Model { get; set; } 
    } 
} 

Answer 1

Come siete goint implementare MVVM sarà molto meglio se si inizia a pensare a oggetti per rappresentare Cars nell'applicazione:

public class ViewModel 
    {  
      public Car SelectedCar{ get; set; } 
      public IEnumerable<Car> Cars{ 
       get { 
        var cars = YOUR_DATA_STORE.Cars.ToList(); 
        SelectedCar = cars.FirstOrDefault(car=>car.Model == "VW"); 
        return cars; 
       } 
      } 
    } 

    public class Car 
    { 
     public string Model {get;set;} 
     public string Make { get; set; } 
     public int Year { get; set; } 
    } 

tuo Xaml:

<ComboBox SelectedItem="{Binding SelectedCar}", ItemsSource="{Binding Cars}" 
     UpdateSourceTrigger=PropertyChanged}"/> 

Answer 2

1. Valore predefinito: Se hai impostato viewModel.Car = "VW", quindi dovrebbe selezionare automaticamente quell'elemento nella casella combinata. Affinché ciò funzioni, è necessario implementare INotifyPropertyChanged o impostare Car prima di impostare DataContext.

INotifyPropertyChanged implementazione potrebbe essere simile:

class ViewModel : INotifyPropertyChanged 
{ 
    private string car; 

    public ViewModel() 
    { 
     this.Car = "VW"; 
     this.Cars = new ObservableCollection<string>() { "Mazda", "VW", "Audi" }; 
    } 

    public string Car 
    { 
     get 
     { 
      return this.car; 
     } 
     set 
     { 
      if (this.car != value) 
      { 
       this.car = value; 
       OnPropertyChanged(); 
      } 
     } 
    } 

    public ObservableCollection<string> Cars { get; } 

    public event PropertyChangedEventHandler PropertyChanged; 

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null) 
    { 
     this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); 
    } 
} 

2. Bind ItemsSource e SelectedItem.

<ComboBox ItemsSource="{Binding Cars}" 
      SelectedItem="{Binding Car, Mode=TwoWay}"> 
</ComboBox> 

è anche possibile impostare ComboBox.ItemTemplate se la sorgente o vista è più complessa di una semplice visualizzazione di una stringa:

<ComboBox.ItemTemplate> 
     <DataTemplate> 
      <TextBlock Text="{Binding}" /> 
     </DataTemplate> 
    </ComboBox.ItemTemplate> 

Nel modello di visualizzazione è sufficiente aggiungere una proprietà lista:

public ObservableCollection<string> Cars { get; set; } 

Non deve essere ObservableCollection ma quel tipo aggiornerà automaticamente l'interfaccia utente ogni volta che cambierai la collezione.