WPFのバインドについて

Question

###前提・実現したいこと
MVVMでバインドをしたいと考えています。
最終的な目標としてはジャンルリストでジャンルを選ぶと
ブックリストの本名の絞り込みが出来るといった実装にしたいと考えています。

ですが、入口のバインドの箇所がうまくいっていません。
バインドの仕組みについては
https://teratail.com/questions/45592
を参考にある程度は理解したつもりで、バインド自体も意図しない形でバインドできています。
次の一歩をどのようにしたら良いのかが分からない状況です。

###発生している問題・エラーメッセージ
現在下記のようなバインドがされています。

希望としてはtestにaddしているtest1とtest2のgenre(文学、helloWorld)が
出力されてほしいです。
しかし、実際にはtest1のgenreListのgenre内容が出力されています。

###xaml(View)の内容

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1.viewModel" 
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">

    <Window.DataContext>
        <local:MainWindowViewModel />
    </Window.DataContext>
    
    <Grid>
        <ComboBox x:Name="comboBox" HorizontalAlignment="Left" Height="41" Margin="104,65,0,0" ItemsSource="{Binding GenreList.Genre}" VerticalAlignment="Top" Width="249"/>
        <ComboBox x:Name="comboBox1" HorizontalAlignment="Left" Height="42" Margin="105,152,0,0" ItemsSource="{Binding BookList.BookName}" VerticalAlignment="Top" Width="248"/>

    </Grid>
</Window>

###xaml.cs(コードビハインド)

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace WpfApp1.viewModel {
	class MainWindowViewModel {

		//キーは本名、値はジャンル。
		private GenreList genreList;
		//キーは本名、値は作者
		private BookList bookList;

		public GenreList GenreList { get => genreList; set => genreList = value; }
		public BookList BookList { get => bookList; set => bookList = value; }

		public MainWindowViewModel() {
			GenreList = new GenreList();
			BookList = new BookList();
		}

		public static implicit operator ObservableCollection<object>(MainWindowViewModel v) {
			throw new NotImplementedException();
		}
	}

	public class BookList {
		private string bookName;
		private string writer;

		public string BookName { get => bookName; set => bookName = value; }
		public string Writer { get => writer; set => writer = value; }
	}

	public class GenreList {
		private string bookName;
		private string genre;

		public string BookName { get => bookName; set => bookName = value; }
		public string Genre { get => genre; set => genre = value; }
	}
}

###MainWindow.xaml.cs(ビューモデル)

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using WpfApp1.viewModel;

namespace WpfApp1 {
	/// <summary>
	/// MainWindow.xaml の相互作用ロジック
	/// </summary>
	public partial class MainWindow : Window {
		public MainWindow() {
			InitializeComponent();

			ObservableCollection<MainWindowViewModel> test = new ObservableCollection<MainWindowViewModel>();
			MainWindowViewModel test1 = new MainWindowViewModel();
			MainWindowViewModel test2 = new MainWindowViewModel();
			test1.BookList.BookName = "こころ";
			test1.BookList.Writer= "夏目漱石";
			test1.GenreList.Genre = "文学";
			test1.GenreList.BookName = "こころ";
			test2.BookList.BookName = "helloWorld";
			test2.BookList.Writer = "hogehoge";
			test2.GenreList.BookName="helloWorld";
			test2.GenreList.Genre = "hogehoge";

			test.Add(test1);
			test.Add(test2);
			DataContext = test;
		}
	}
}

至らないところばかりかと思いますが、教えて頂ければ嬉しいです。

Answer 1

現状は、文字列（配列）をバインドしているからそうなっているですね。

設計がおかしい。Listでもないものに、Listなんて言う名前は付けてはいけない。

複数のMainWindowViewModelを管理するVMが必要。

class Books :ObservableCollection<Book>
{　　
    public IEnumerable<string> GenreList => this.Select(n=>n.Genre).Distinct();
    public IEnumerable<string> NameList => this.Select(n=>n.Name).Distinct();
    public IEnumerable<string> WriterList => this.Select(n=>n.Writer).Distinct();
}

class Book
{
     public string Name {get; set;}
     public string writer {get; set;}
     public string Genre {get; set;}
}

  public partial class MainWindow : Window {
        public MainWindow() {
            InitializeComponent();

            Books books = new Books();
            books.Add(new Book{Name = "こころ",Writer= "夏目漱石",Genre = "文学"});
            books.Add(new Book{Name = "helloWorld",Writer= "hogehoge",Genre = "hogehoge"});
            DataContext = books;
        }
    }

こんな感じ。
GenreListたちは、ObservableCollectionの変更に追従していないけど、INotifyPropertyChangedあたりをしらべて頑張ってみてください。
（VSで書いていないので細かいミスはあると思います）

Comments

[退会済みユーザー]

回答ありがとうございます。

ViewModel側を下記のようなソースにして、表示させることができました。

namespace WpfApp1.viewModel {
class MainWindowViewModel : ObservableCollection<Book>{
public IEnumerable<string> GenreList => this.Select(n => n.Genre).Distinct();
public IEnumerable<string> NameList => this.Select(n => n.BookName).Distinct();
public IEnumerable<string> WriterList => this.Select(n => n.Writer).Distinct();
}

public class Book{
private string bookName;
private string genre;
private string writer;

public string BookName { get => bookName; set => bookName = value; }
public string Writer { get => writer; set => writer = value; }
public string Genre { get => genre; set => genre = value; }
}
}

INotifyPropertyChangedについては別途勉強しようと思います。