質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.20%

WPFでDataGridのComboBoxへのBinding方法

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 350

hiro0

score 5

前提・実現したいこと

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>
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

0

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/01/13 20:42

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

    キャンセル

0

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/01/09 10:49

    DisplayMemberPathの Category. も余計ですね。

    キャンセル

  • 2020/01/09 11:25

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

    キャンセル

  • 2020/01/13 20:41

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

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.20%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる