DataGridComboBoxColumnのBinding方法がわかりません

Question

前提・実現したいこと

WPFのDataGridComboBoxColumnでのBingingが色々と調べましたが理解できません。

実現したい機能は以下のとおりです。

• enum Categoryより値を選択できる
• 表示テキストはDictionary<Category, string>　CategoryNameから表示
• 項目ごとに異なった初期値が設定されている

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

• enum Categoryが表示されるが値が決定できない
• 初期値が設定されていない

該当のソースコード

        <DataGrid x:Name="DataGrid" AutoGenerateColumns="False">
            <DataGrid.Columns>
                <DataGridTextColumn IsReadOnly="True" Binding="{Binding ItemName}" />
                <DataGridComboBoxColumn x:Name="CategoryColumn" 
                                        DisplayMemberPath="Name"
                                        SelectedValuePath="Category" />
            </DataGrid.Columns>
        </DataGrid>

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            this.InitializeComponent();
        }

        public enum Category
        {
            Category1,
            Category2,
            Category3,
        }

        public static readonly Dictionary<Category, string> CategoryName = new Dictionary<Category, string>
        {
            { Category.Category1, "カテゴリ1" },
            { Category.Category2, "カテゴリ2" },
            { Category.Category3, "カテゴリ3" },
        };

        public struct Data
        {
            public string ItemName { get; set; }
        }

        public struct CategoryData
        {
            public string Name => MainWindow.CategoryName[this.Category];
            public Category Category { get; set; }
        }

        private List<Data> Source = new List<Data>();
        private List<CategoryData> ColumnsSource = new List<CategoryData>();

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            this.Source.Clear();
            this.Source.AddRange(new List<Data>
            {
                new Data { ItemName = "項目1" },
                new Data { ItemName = "項目2" },
                new Data { ItemName = "項目3" },
            });
            this.DataGrid.ItemsSource = this.Source;

            this.ColumnsSource.Clear();
            this.ColumnsSource.AddRange(new List<CategoryData>
            {
                new CategoryData { Category = Category.Category1 },
                new CategoryData { Category = Category.Category2 },
                new CategoryData { Category = Category.Category3 }
            });
            this.CategoryColumn.ItemsSource = this.ColumnsSource;
        }
    }

Answer 1

自己解決しました。

DatagridComboBoxColumnにSelectedValueBinding="{Binding ItemCategory, Mode=TwoWay}を追加したところ、実現したい通りの挙動になりました。

最終的なコードは下記のようになりました。

<DataGrid x:Name="DataGrid" AutoGenerateColumns="False">
            <DataGrid.Columns>
                <DataGridTextColumn IsReadOnly="True" Binding="{Binding ItemName}" />
                <DataGridComboBoxColumn x:Name="CategoryColumn" DisplayMemberPath="DataName"
                                        SelectedValuePath="DataCategory"
                                        SelectedValueBinding="{Binding ItemCategory, Mode=TwoWay}">
                </DataGridComboBoxColumn>
            </DataGrid.Columns>
        </DataGrid>

public partial class MainWindow : Window
    {
        public MainWindow()
        {
            this.InitializeComponent();
        }

        public enum Category
        {
            Category1,
            Category2,
            Category3,
        }

        public static readonly Dictionary<Category, string> CategoryName = new Dictionary<Category, string>
        {
            { Category.Category1, "カテゴリ1" },
            { Category.Category2, "カテゴリ2" },
            { Category.Category3, "カテゴリ3" },
        };

        public class Data
        {
            public string ItemName { get; set; }
            public Category ItemCategory { get; set; }
        }

        public class CategoryData
        {
            public string DataName => MainWindow.CategoryName[this.DataCategory];
            public Category DataCategory { get; set; }
        }

        private List<Data> Source = new List<Data>();
        private List<CategoryData> ColumnsSource = new List<CategoryData>();

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            this.Source.Clear();
            this.Source.AddRange(new List<Data>
            {
                new Data { ItemName = "項目1", ItemCategory = Category.Category1 },
                new Data { ItemName = "項目2", ItemCategory = Category.Category2 },
                new Data { ItemName = "項目3", ItemCategory = Category.Category3 },
            });
            this.DataGrid.ItemsSource = this.Source;

            this.ColumnsSource.Clear();
            this.ColumnsSource.AddRange(new List<CategoryData>
            {
                new CategoryData { DataCategory = Category.Category1 },
                new CategoryData { DataCategory = Category.Category2 },
                new CategoryData { DataCategory = Category.Category3 }
            });
            this.CategoryColumn.ItemsSource = this.ColumnsSource;
        }
    }

Answer 2

コードビハインドは最近触ってないから間違ってるかもしれませんが
DisplayMemberPath="Name"
じゃなく
DisplayMemberPath="Category"でしょうかね。
あと選択のイベントハンドラを追加して下され

<DataGridComboBoxColumn.EditingElementStyle>
    <Style TargetType="{x:Type ComboBox}">
        <EventSetter Event="SelectionChanged" Handler="HogeSelectionChanged" />
    </Style>
</DataGridComboBoxColumn.EditingElementStyle>

Comments

[cpthgli]

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

変更後の値を反映させるには`SelectionChanged`のイベントハンドラを追加する必要があるのですね。ありがとうございます。

`DisplayMemberPath="Name"`については`enum Category`に対する表示名を指定するプロパティなので、使用方法に問題はないかと思われます。
念の為`DisplayMemberPath="Category"`に変更したところ、列挙型のメンバ名が表示されるようになりました。