WPF Binding ComboBox do mojego ViewModel

Question

Próbuję powiązać mój ViewModel z moim ComboBox. Mam klasę ViewModel zdefiniowany następująco:

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

    public string Car{ get; set; } 
} 

ustawić ten ViewModel jako DataContext w Window_Load jak:

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

potem w moim XAML, zrobić to wiązać moje ComboBox do tego ViewModel. Chcę pokazać „VW” jako domyślnie zaznaczone w moim ComboBox:

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

mam 2 pytania:

1. W jaki sposób ustawić wartość domyślną wybrano Combo Box na „VW” (raz formuje obciążenia, powinien pokazywać "VW" w polu kombi).
2. Zamiast ustawić ComboBoxItems jak wyżej w Xaml, jak ustawić go w moim ViewModel, a następnie załadować je w ComboBox?

Dzięki

UPDATE: Jak dotąd udaje mi się realizować to, ale pojawia się błąd jak poniżej w 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

Jak jesteś goint wdrożyć MVVM to będzie dużo lepiej, jeśli zaczniesz myśleć w obiektach do reprezentowania Samochody w aplikacji:

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

Twój Xaml:

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

Answer 2

1. Wartość domyślna: If ustawiasz viewModel.Car = "VW", wtedy powinien automatycznie wybrać ten element w polu kombi. Aby to działało, musisz wykonać implementację INotifyPropertyChanged lub ustawić Car przed ustawieniem DataContext.

INotifyPropertyChanged realizacja może wyglądać następująco:

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 i SelectedItem.

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

Można również ustawić ComboBox.ItemTemplate jeśli źródło lub widok jest bardziej skomplikowane niż tylko wyświetlanie znaków:

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

W modelu widoku tylko dodać obiekt listy:

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

Nie musi to być ObservableCollection, ale ten typ automatycznie aktualizuje interfejs użytkownika po każdej zmianie kolekcji.