Привязка нескольких пользовательских полей со списком WPF к одной и той же коллекции Observable

Question

В моем коде у меня есть одна наблюдаемая коллекция, в которой много комбо-блоков. Теперь мне нужно добавить список для каждого поля со списком, используя MVVM (Model-View-View Model), т. Е. Без кода

В View.xaml:

<Window....  xmlns:VM="clr-namespace:myproject.myViewModel"
  ...  >
<Window.DataContext><VM:myViewModel/>

</Window.DataContext>
 <ItemsControl ItemsSource="{Binding myCollection}" >
        <ItemsControl.ItemTemplate >


            <DataTemplate>
                <DockPanel>

                     <Grid >
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <Grid Margin="0,20,0,0" >
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>

                           <TextBlock Text="City"  Margin="20" VerticalAlignment="Center"/>
                            <ComboBox   KeyboardNavigation.TabIndex="0" Grid.Column="1" Margin="45,10,10,10" Height="30" Width="200" ItemsSource="{Binding City}"   />
                            <TextBlock Text="temperature" Grid.Row="1"  VerticalAlignment="Center" Margin="20" />

                            <ComboBox KeyboardNavigation.TabIndex="3" Grid.Column="1" Grid.Row="1" Margin="45,20,10,10" Height="30" Width="200" SelectedIndex="0"   HorizontalContentAlignment="Right" 
                          VerticalAlignment="Center"  ItemsSource="{Binding Temperature}">
                                                                </ComboBox>
                            <TextBlock Text="State" Grid.Row="1"  VerticalAlignment="Center" Margin="10" Grid.Column="2"/>
                            <ComboBox  KeyboardNavigation.TabIndex="3" Grid.Column="3" Grid.Row="1" Margin="10" Height="30" Width="200"    HorizontalContentAlignment="Center" ItemsSource="{Binding State}" >

                            </ComboBox>


      <TextBlock Text="Open Files "  VerticalAlignment="Center"      Grid.Row="0"  Grid.Column="2" Margin="10"    />
                                <TextBox  Grid.Column="3" Text="" Height="30" Grid.Row="0"   IsReadOnly="True" 
                        TextAlignment="Right" VerticalContentAlignment="Center" Width="200" />                                    <Button  Grid.Column="4"  Content="Browse"    Height="30" VerticalAlignment="Bottom"   MinWidth="41" />


                            </Grid>

     </Window>  

In **Model.cs**:

    namespace myproject.Models
    {

public class projectmodel : INotifyPropertyChanged
    {
        private ObservableCollection<projectmodel> city;
        private  ObservableCollection<projectmodel> temperature;
        private  ObservableCollection<projectmodel> state;

    public  ObservableCollection<projectmodel> City
    {
        get { return city; }
        set
        {
            city = value;
            NotifyPropertyChanged("City");
        }
    }
     public  ObservableCollection<projectmodel> Temperature
    {
        get { return temperature; }
        set
        {
            temperature = value;
            NotifyPropertyChanged("Temperature");
        }
    }
    public  ObservableCollection<projectmodel> State
    {
        get { return state; }
        set
        {
            state = value;
            NotifyPropertyChanged("State");
        }
    }
#region INotifyPropertyChanged Members

    public event PropertyChangedEventHandler PropertyChanged;

    #endregion

    #region Private Helpers

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

    #endregion
}}

В ViewModel.cs :

namespace myproject.ViewModels
{
    public class projectViewModel
    {
         public ObservableCollection<T> myCollection
        {
            get; set;
        }
        public projectViewModel()
        {


        myCollection = new ObservableCollection<T>();
       List<string> lstCity = new List<string>();
       lstCity = new List<string> { "Coimbatore", "Chennai", "Bangalore" };
       List<string> lstTemperature = new List<string>();
       lstTemperature = new List<string> { "17c", "18c", "15c" };
        List<string> lstState = new List<string>();
       lstState = new List<string> { "Andhra", "karnataka", "TamilNadu" };
}
}myCollection.Add(new projectmodel
            {
                City = lstCity.ToArray(),
                Temperature = lstTemperature.ToArray(),
                State= lstState.ToArray()
            });
        }
}}

Это мой код, я ничего не получил, если выбрал свои поля со списком. Пожалуйста, предложите мне, как мне написать мои viewmodel.cs, а также исправьте меня, если я ошибаюсь где-либо еще.

Answer 1

Вы должны объявить все свои коллекции внутри projectmodel как тип ObservableCollection<string> вместо sting[]. Когда вы связываетесь с коллекцией, используйте ObservableCollection<T>.

Все модели представлений также должны быть оснащены INotifyPropertyChanged

Изменения:

ProjectModel:

namespace Myproject.Models
{
  public class ProjectModel : INotifyPropertyChanged
  {
    private ObservableCollection<string> city;
    private ObservableCollection<string> temperature;
    private ObservableCollection<string> state;

    public ObservableCollection<string> City
    {
      get { return city; }
      set
      {
        city = value;
        NotifyPropertyChanged("City");
      }
    }

    public ObservableCollection<string> Temperature
    {
      get { return temperature; }
      set
      {
        temperature = value;
        NotifyPropertyChanged("Temperature");
      }
    }

    public ObservableCollection<string> State
    {
      get { return state; }
      set
      {
        state = value;
        NotifyPropertyChanged("State");
      }
    }

    #region INotifyPropertyChanged Members

    public event PropertyChangedEventHandler PropertyChanged;

    #endregion

    #region Private Helpers

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

    #endregion
  }
}

ProjectViewModel:

namespace MyProject.ViewModels    
{
  public class ProjectViewModel : INotifyPropertyChanged
  {
    private ObservableCollection<Projectmodel> myCollection;

    public ObservableCollection<Projectmodel> MyCollection
    {
      get => this.myCollection;
      set
      {
        if (Equals(value, this.myCollection)) return;
        this.myCollection = value;
        OnPropertyChanged();
      }
    }

    public ProjectViewModel()
    {
      MyCollection = new ObservableCollection<Projectmodel>()
      {
        new ProjectModel()
        {
           City = new ObservableCollection<string>()
              {
                 "Coimbatore", "Chennai", "Bangalore"
              },
           Temperature = new ObservableCollection<string>()
              {
                 "17c", "18c", "15c"
              },
           State = new ObservableCollection<string>()
              {
                 "Andhra", "karnataka", "TamilNadu"
              }
        }
      };
    }

    public event PropertyChangedEventHandler PropertyChanged;   

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

Edit: Я обновил код, чтобы он соответствовал общепринятым правилам именования, используя PascalCase. Рекомендуется следовать им: C # Условные обозначения