WPFでDataGridのComboBoxへのBinding方法

Question

前提・実現したいこと

WPFの編集可能なDataGridのComboBoxへ値をBindingしたいのですがうまくいきません。
ComboBoxのData Bindingについて検索してみましたがずばりこのパターンが見つからなかったのでご教示願います。

.Net Core 3.0
Prism 7.2.0.1367

発生している問題・エラーメッセージ

ListViewだと期待通りの表示がされるがComboBoxには何も表示されない。

ソースコード

MainWindowViewModel.cs

using Prism.Mvvm;
using System.Collections.Generic;
using System.Collections.ObjectModel;

namespace DataGridComboBox.ViewModels
{
    public class MainWindowViewModel : BindableBase
    {
        private string _title = "Prism Application";
        public string Title
        {
            get { return _title; }
            set { SetProperty(ref _title, value); }
        }

        public ObservableCollection<Item> Data { get; set; } = new ObservableCollection<Item>();

        public class Item
        {
            public string Name { get; set; }
            public CategoryType Category { get; set; }
        }

        public class CategoryType
        {
            public static readonly CategoryType None = new CategoryType(0);
            public static readonly CategoryType Category1 = new CategoryType(1);
            public static readonly CategoryType Category2 = new CategoryType(2);

            public string DisplayValue
            {
                get
                {
                    if (this == None) return "不明";
                    if (this == Category1) return "カテゴリ1";
                    if (this == Category2) return "カテゴリ2";
                    return "不明";
                }
            }

            public int Value { get; }
            public CategoryType(int value)
            {
                Value = value;
            }
        }

        public MainWindowViewModel()
        {
            Data.AddRange(new List<Item> {
                new Item() { Name = "No1" , Category = CategoryType.None },
                new Item() { Name = "No2", Category = CategoryType.Category1 },
                new Item() { Name = "No3", Category = CategoryType.Category2 }
            });
        }
    }
}

MainWindow.xaml

<Window x:Class="DataGridComboBox.Views.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:prism="http://prismlibrary.com/"
        prism:ViewModelLocator.AutoWireViewModel="True"
        Title="{Binding Title}" Height="350" Width="525" >
    <StackPanel>
        <DataGrid ItemsSource="{Binding Data , Mode=TwoWay}" CanUserAddRows="True" CanUserDeleteRows="True" AutoGenerateColumns="False">
            <DataGrid.Columns>
                <DataGridTextColumn Header="名前" Binding="{Binding Name}" />
                <DataGridTemplateColumn Header="カテゴリ">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <ComboBox ItemsSource="{Binding Category}"  DisplayMemberPath="Category.DisplayValue"  />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
        <ListView ItemsSource="{Binding Data}">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="名前" DisplayMemberBinding="{Binding Name}" />
                    <GridViewColumn Header="カテゴリ" DisplayMemberBinding="{Binding Category.DisplayValue}" />
                </GridView>
            </ListView.View>
        </ListView>
    </StackPanel>
</Window>

Answer 1

ComboBoxなので、選択肢をItemsSourceにBindingする必要があります。
CategoryはSelectedItemにあたります。

変更した点のみ記載します。

<DataTemplate>
  <ComboBox
    DisplayMemberPath="DisplayValue"
    ItemsSource="{Binding CategoryTypes}"
    SelectedItem="{Binding Category, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
    <!--<ComboBox.ItemsSource>
      <x:Array Type="{x:Type viewModels:CategoryType}">
        <x:Static Member="viewModels:CategoryType.None" />
        <x:Static Member="viewModels:CategoryType.Category1" />
        <x:Static Member="viewModels:CategoryType.Category2" />
      </x:Array>
    </ComboBox.ItemsSource>-->
  </ComboBox>
</DataTemplate>

public class Item : BindableBase
{
    public string Name { get; set; }
    private CategoryType _category;
    public CategoryType Category { get => _category; set => SetProperty(ref _category, value); }

    // なんだかなって気もするのでxamlで与えたほうがいいか？
    // xamlで指定する場合は入れ子だとエラーになるのでclass CategoryTypeを外に出す必要あり
    public static List<CategoryType> CategoryTypes { get; } = new List<CategoryType> { CategoryType.None, CategoryType.Category1, CategoryType.Category2 };
}

Comments

[hiro0]

ありがとうございます。
無事目的の表示になりました。

Answer 2

ItemクラスのCategoryはコレクションではありませんから、ComboBox のItemsSourceには指定できません。
ItemsSource 用のCategoryTypeのコレクションを作ってComboBox のItemsSourceにバインドしてください。
ItemクラスのCategoryはSelectedItemにでもバインドしてください。

Comments

[hihijiji]

DisplayMemberPathの Category. も余計ですね。

[hihijiji]

バインディングにミスがある場合には大概デバッグ時の出力ペインにバインディングエラーが出ています。
それが一つもなくなるまでバグ取りしてください。

[hiro0]

ありがとうございます。
なるほど、ComboBoxのItemsSourceはコレクションを作って指定する必要があるのですね。
enumを使ったサンプルが多いのはそういう事でしたか。