WPF　DataGridのコンボボックスに初期値を入れる方法

前提・実現したいこと

DataGridの特定列にComboboxを表示させ、選択可能な初期値を入力。
そして、読込んだCSVファイルの値をComboboxに表示させたい。
ユーザーの入力は不可なものとしたい。

・DataGridのComboboxに初期値を入力
・CSVから読み込んだ値をDataGirdのComboboxに表示

WPFで操作した内容を元に、HTMLファイルを動的に作るのを最終目標としています。
CSVファイルは途中経過の保存や、再開などに利用します。
全てを載せると情報が多すぎるため、ParsonClassは最低限のみ掲示しています。

Comboboxへの初期値としては
「Red」「Blue」「Green」「White」「NoColor」
の5種類を表示させたいと思っています。
それ以外の値は入力させるつもりはありません。

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

Comboboxに値が表示されない。
初期値も入力しておきたいのですが、手段が分かりません。

DataGridにCSVの値を読込むところは問題なく動作しています。
Comboboxへの表示が出来ない状況です。

Classについて

様々なサイトを見て勉強していましたが、難しく
とり急ぎ利用していたため「Person」というものになっています。
後々編集予定ですが、どこまで関わってくるか分からないため
もっと作業が進んでから修正したいと思ってます。
たぶんもっと効率のいい書き方があるのかもしれませんが
とりあえず作っていくということも大事だと思っているため
混乱して使えなくなるよりは、今の状況を維持したいと思います。

該当のソースコード

xaml
1    <Grid>
2        <StackPanel>
3            <StackPanel Orientation="Horizontal" Height="28" Margin="10">
4                <Button x:Name="B_read" Content="Read"
5                    Click="B_read_Click" Height="28" Width="100"/>
6                <Button  Content="Write"
7                    Click="ExportCSV" Height="28" Width="100"/>
8            </StackPanel>
9
10            <DataGrid Height="300" x:Name="dataGrid"  CanUserSortColumns="False" MouseDoubleClick="DataGridCell_MouseDoubleClick" AutoGenerateColumns="False" CanUserReorderColumns="False" >
11                <DataGrid.Columns>
12                    <DataGridTextColumn Header="番号" Binding="{Binding Num}" IsReadOnly="True" />
13                    <DataGridTextColumn Header="タイトル" Binding="{Binding Title}" IsReadOnly="True" />
14                    <DataGridTextColumn Header="カレントフォルダ" Binding="{Binding CurrentFolder}" IsReadOnly="True" />
15                    <DataGridTextColumn Header="画像ファイル名" Binding="{Binding PicName}" IsReadOnly="True" />
16                    <DataGridTextColumn Header="線の色" Binding="{Binding BordColor}" IsReadOnly="True" />
17                </DataGrid.Columns>
18            </DataGrid>
19        </StackPanel>
20    </Grid>

C#
1
2        ObservableCollection<Person> data = new ObservableCollection<Person>();
3        public MainWindow()
4        {
5            InitializeComponent();
6            dataGrid.ItemsSource = data;
7           
8        }
9
10        class Person
11        {
12            public int Num { get; set; }
13            public string Title { get; set; }
14            public string CurrentFolder { get; set; }
15            public string PicName { get; set; }
16            public string BordColor { get; set; }
17
18            public Person(int num, string title, string currentFolder, string picName, string bordColor)
19		{
20                this.Num = num;
21                this.Title = title;
22                this.CurrentFolder = currentFolder;
23                this.PicName = picName;
24		this.BordColor = bordColor;
25            }
26        }
27
28/*Readボタンを押したとき*/
29        private void B_read_Click(object sender, RoutedEventArgs e)
30        {
31            data.Clear();
32            string appPath = System.AppDomain.CurrentDomain.BaseDirectory;
33            string filename = "test.csv";
34            string filepath = appPath + "\" + filename;
35            Console.WriteLine(filepath);
36            if (File.Exists(filepath) == false)
37            {
38                return;
39            }
40            this.DataContext = ReadFile(filepath);
41            //PersonService.SetHeaders(filepath, dataGrid);
42        }
43
44/*ファイル書き込み*/
45        public void ExportCSV(object sender, RoutedEventArgs e)
46        {
47            Microsoft.Win32.SaveFileDialog dlg = new Microsoft.Win32.SaveFileDialog();
48            //保存先の初期値（マイドキュメント）
49            dlg.InitialDirectory = System.Environment.GetFolderPath(Environment.SpecialFolder.Personal);
50            dlg.Title = "保存先のファイルを選択してください";
51            dlg.Filter = "CSVファイル(*.csv)|*.csv";
52            if (dlg.ShowDialog() == true)
53            {
54                try
55                {
56                    using (var sw = new System.IO.StreamWriter(dlg.FileName, false, System.Text.Encoding.GetEncoding("UTF-8")))
57                    {
58                        foreach (Person d in data) {
59                            // sw.WriteLine(dqot(d.Name) + "," + dqot(d.Place));
60                            var lineData= d.Num + "," + d.Title + "," + d.CurrentFolder + "," + d.PicName + "," + d.BordColor;
61                            sw.WriteLine(lineData);
62                        }
63                    }
64                    MessageBox.Show("保存しました");
65                }
66                catch (SystemException ex)
67                {
68                    System.Console.WriteLine(ex.Message);
69                    
70                }
71            }
72        }
73/*ファイル読み込み*/
74        ObservableCollection<Person> ReadFile(string filepath)
75        {
76            try
77            {
78                // ファイルを読み取り形式で開く
79                StreamReader file = new StreamReader("test.csv", Encoding.UTF8);
80                string line = null;
81                while ((line = file.ReadLine()) != null)    // 1行ずつ読み込む
82                {
83                    string[] tango = line.Split(',');       // カンマで区切って配列に格納
84                    var d1 = int.Parse(tango[0]);
85                    var d2 = tango[1];
86                    var d3 = tango[2];
87                    var d4 = tango[3];
88                    var d5 = tango[4];
89                    data.Add(new Person(d1, d2, d3, d4,d5));
90                }
91                file.Close();
92                }
93                catch (Exception e)
94                {
95                    Console.WriteLine(e.Message);       // エラーメッセージを表示
96                }
97
98            return data;
99        }

試したこと

xaml
1<DataGridTemplateColumn Header="線の色">
2      <DataGridTemplateColumn.CellTemplate>
3             <DataTemplate>
4                 <ComboBox x:Name="BorderC" DisplayMemberPath="BordColor"/>
5             </DataTemplate>
6       </DataGridTemplateColumn.CellTemplate>
7</DataGridTemplateColumn>

上記内容で修正し、初期値について入力しようと思いました。
MainWindow()内でBorderCと入力しても候補は出ず、初期値の入力は出来ませんでした。

xaml
1<DataGridTemplateColumn Header="線の色">
2     <DataGridTemplateColumn.CellTemplate>
3          <DataTemplate>
4              <ComboBox x:Name="BorderC" ItemsSource="{Binding BordColor}" DisplayMemberPath="BordColor"/>
5          </DataTemplate>
6    </DataGridTemplateColumn.CellTemplate>
7</DataGridTemplateColumn>

上記内容でも修正してみましたが、値は何も表示されませんでした。
WPFで検索してもWinFormを利用しているものが多く、
特に理由はありませんがWPFだけで作りたいのもあるため
情報収集に少し手間取っております。

アドバイス頂けたらと思います。よろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

VisualStudio 2019
.NET　4.5（だったはず）
WPF C#　（※　WinFormではない）

行動規範の内容に同意します

回答1件

ベストアンサー

コンボボックスの選択肢は、DataGridの行（ObservableCollection<Person>）とは全く別のコレクションのはずです。

string BordColorに入れる選択肢であれば、string[]やList<string>等になるわけです。
その中から１つを選んでBordColorに入れるんですから。よく考えれば当たり前ですよね？

ではDataGridにComboBoxを入れる方法を調べてみましょう。
「wpf datagrid combobox」で検索してみます。

DataGridComboBoxColumnというのがあるようです（実はこれ人気がないのですが、後で説明します）

中段にItemsSourceの入れ方が書いてあります（翻訳がいまいちなので英語を見ます^^;

A static resource.
StaticResourceを使う方法。xamlで完結するので固定値な場合はこれでＯＫ。
An x:Static code entity.
コード上のstaticコレクションを引いてくる方法。実行時に作成したいとき。
An inline collection of ComboBoxItem types.
どういう意味かちょっと分からなかったのですが、DataGridTemplateColumnのときのようです。

wpf - "An inline collection of ComboBoxItem" in a DataGridComboBoxColumn - Stack Overflow

xml
1<Window
2  x:Class="Questions343018.MainWindow"
3  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5  xmlns:local="clr-namespace:Questions343018"
6  xmlns:sys="clr-namespace:System;assembly=mscorlib"
7  Width="800"
8  Height="450">
9  <Window.Resources>
10    <x:Array x:Key="Colors" Type="sys:String">
11      <sys:String>NoColor</sys:String>
12      <sys:String>Red</sys:String>
13      <sys:String>Green</sys:String>
14      <sys:String>Blue</sys:String>
15      <sys:String>White</sys:String>
16    </x:Array>
17  </Window.Resources>
18
19  <DockPanel>
20    <StackPanel
21      Margin="10"
22      DockPanel.Dock="Top"
23      Orientation="Horizontal">
24      <Button
25        MinWidth="100"
26        Click="ReadButton_Click"
27        Content="Read" />
28      <Button
29        MinWidth="100"
30        Click="WriteButton_Click"
31        Content="Write" />
32    </StackPanel>
33
34    <DataGrid
35      AutoGenerateColumns="False"
36      CanUserReorderColumns="False"
37      CanUserSortColumns="False"
38      ItemsSource="{Binding Persons}">
39      <DataGrid.Columns>
40        <DataGridTextColumn
41          Binding="{Binding Num}"
42          Header="番号"
43          IsReadOnly="True" />
44        <DataGridTextColumn Binding="{Binding Title}" Header="タイトル" />
45
46        <!--  A static resource.  -->
47        <DataGridComboBoxColumn
48          Header="線の色"
49          ItemsSource="{StaticResource Colors}"
50          SelectedValueBinding="{Binding BordColor}" />
51
52        <!--  An x:Static code entity.  -->
53        <DataGridComboBoxColumn
54          Header="線の色"
55          ItemsSource="{x:Static local:MainWindow.Colors}"
56          SelectedValueBinding="{Binding BordColor, UpdateSourceTrigger=PropertyChanged}" />
57
58        <!--  An inline collection of ComboBoxItem types.  -->
59        <DataGridTemplateColumn Header="線の色">
60          <DataGridTemplateColumn.CellTemplate>
61            <DataTemplate>
62              <ComboBox SelectedValue="{Binding BordColor, UpdateSourceTrigger=PropertyChanged}" SelectedValuePath="Content">
63                <ComboBoxItem>NoColor</ComboBoxItem>
64                <ComboBoxItem>Red</ComboBoxItem>
65                <ComboBoxItem>Green</ComboBoxItem>
66                <ComboBoxItem>Blue</ComboBoxItem>
67                <ComboBoxItem>White</ComboBoxItem>
68              </ComboBox>
69            </DataTemplate>
70          </DataGridTemplateColumn.CellTemplate>
71        </DataGridTemplateColumn>
72
73        <!--
74          グダグダ書いてきたが、結論は一番上か↓でいいです^^;
75          どちらがいいかは編集時の操作の好みで
76        -->
77        <!--  この場合UpdateSourceTrigger=PropertyChanged必須  -->
78        <!--<DataGridTemplateColumn Header="線の色">
79          <DataGridTemplateColumn.CellTemplate>
80            <DataTemplate>
81              <ComboBox ItemsSource="{StaticResource Colors}" SelectedValue="{Binding BordColor, UpdateSourceTrigger=PropertyChanged}" />
82            </DataTemplate>
83          </DataGridTemplateColumn.CellTemplate>
84        </DataGridTemplateColumn>-->
85
86
87      </DataGrid.Columns>
88    </DataGrid>
89  </DockPanel>
90</Window>

cs
1using Microsoft.Win32;
2using System;
3using System.Collections.ObjectModel;
4using System.Diagnostics;
5using System.IO;
6using System.Text;
7using System.Windows;
8
9namespace Questions343018
10{
11    public class Person
12    {
13        public int Num { get; set; }
14        public string Title { get; set; }
15        public string CurrentFolder { get; set; }
16        public string PicName { get; set; }
17        public string BordColor { get; set; }
18
19        public Person(int num, string title, string currentFolder, string picName, string bordColor)
20        {
21            Num = num;
22            Title = title;
23            CurrentFolder = currentFolder;
24            PicName = picName;
25            BordColor = bordColor;
26        }
27
28        public override string ToString() => $"{Num},{Title},{CurrentFolder},{PicName},{BordColor}";
29    }
30
31    public partial class MainWindow : Window
32    {
33        public static string[] Colors = { "NoColor", "Red", "Green", "Blue", "White", };
34
35        public ObservableCollection<Person> Persons { get; } = new ObservableCollection<Person>();
36
37
38        public MainWindow()
39        {
40            InitializeComponent();
41            DataContext = this;
42
43            Dummy();
44            ReadButton_Click(null, null);
45        }
46
47        private void ReadButton_Click(object sender, RoutedEventArgs e)
48        {
49            var appPath = AppDomain.CurrentDomain.BaseDirectory;
50            var filePath = Path.Combine(appPath, "test.csv");
51            Debug.WriteLine(filePath);
52
53            if (File.Exists(filePath) == false)
54            {
55                return;
56            }
57
58            Persons.Clear();
59            ReadFile(filePath);
60        }
61
62        public void WriteButton_Click(object sender, RoutedEventArgs e)
63        {
64            var dlg = new SaveFileDialog
65            {
66                InitialDirectory = Environment.GetFolderPath(Environment.SpecialFolder.Personal),
67                Title = "保存先のファイルを選択してください",
68                Filter = "CSVファイル(*.csv)|*.csv"
69            };
70
71            if (dlg.ShowDialog() == true)
72            {
73                WriteFile(dlg.FileName);
74            }
75        }
76
77        private void ReadFile(string filePath)
78        {
79            try
80            {
81                using (var sr = new StreamReader(filePath, Encoding.UTF8))
82                {
83                    string line = null;
84                    while ((line = sr.ReadLine()) != null)
85                    {
86                        var s = line.Split(',');
87                        Persons.Add(new Person(int.Parse(s[0]), s[1], s[2], s[3], s[4]));
88                    }
89                }
90            }
91            catch (Exception e)
92            {
93                Debug.WriteLine(e.Message);
94            }
95        }
96
97        private void WriteFile(string filePath)
98        {
99            try
100            {
101                using (var sw = new StreamWriter(filePath, false, Encoding.UTF8))
102                {
103                    foreach (var person in Persons)
104                    {
105                        var line = person.ToString();
106                        sw.WriteLine(line);
107                    }
108                }
109                MessageBox.Show("保存しました");
110            }
111            catch (Exception e)
112            {
113                Debug.WriteLine(e.Message);
114            }
115        }
116
117        private void Dummy()
118        {
119            var appPath = AppDomain.CurrentDomain.BaseDirectory;
120            var filePath = Path.Combine(appPath, "test.csv");
121            var text = @"
1221,Title1,CurrentFolder1,PicName1,Red
1232,Title2,CurrentFolder2,PicName2,White
1243,Title3,CurrentFolder3,PicName3,NoColor
125".Trim();
126            File.WriteAllText(filePath, text);
127        }
128    }
129}

DataGridComboBoxColumnを使ってみるとわかるのですが、変更までのクリック回数が多くあまり使いやすくないです。
そのためDataGridTemplateColumnにComboBoxを入れる人が多いです（コメントになっている４つ目の方法）

通常はUpdateSourceTrigger=PropertyChangedはいりません。
同じ値を３つ出しているので、変更されていないように見えると変かなと思ったためです（１つ目はついていないですが、変更が確定するのは行のフォーカスが動いたとき）

WPFで検索してもWinFormを利用しているものが多く、

キーワードに「wpf」を入れてもWinFormsの情報が出てきます？
例えば「c# combobox」でWinFormsばかりになるのはまあ普通ですが、「wpf combobox」であればWinFormsの話は全くヒットしませんが。

投稿2021/06/09 09:43

編集2023/08/14 09:27

TN8001

総合スコア9807

退会済みユーザー

2021/06/10 01:56

TN8001様回答ありがとうございます！毎回詳細に記載頂き、とても助かります。一番下の項目を利用させて頂きました。他の画面と項目を共有する必要がるため、 App.xsamlにリソースを追加しました。【MainWindow.xaml】　<Window.Resources></Window.Resources> 【App.xaml】 xmlns:System="clr-namespace:System;assembly=mscorlib" //↑Applicationの行に追加 <Application.Resources> <x:Array x:Key="Colors" Type="System:String"> <System:String>NoColor</System:String> <System:String>Red</System:String> <System:String>Green</System:String> <System:String>Blue</System:String> <System:String>White</System:String> </x:Array> </Application.Resources> 問題なく表示できるようになり、嬉しいです。ありがとうございます！「wpf combobox　C#」と調べても、時々表示されます。全てコピペしても動作せず、通常は最初の数文字入れれば入力候補が出ますが表示されないような感じで…。 DataGridにCombobox列を作る方法について調べていた時も表示されました。例が出せないのが残念ですが、どうも調べるのが下手くそのようです。

退会済みユーザー

2021/06/10 04:18

一番したのコメントアウトしていたものを確認したところ、書き出したときのデータが初期値から変わっていませんでいた。同じ状況で、以下コンボボックスを追加したら、これは問題なく保持されました。 <DataGridComboBoxColumn Header="線の色" ItemsSource="{StaticResource Colors}" SelectedValueBinding="{Binding BordColor}" /> コンボボックスが更新（変更）された際に元データが更新されてなく見た目上だけが更新されたように見えるようになっているのかなと思っています。とり急ぎ、出来るようなので一番上の手順を利用します。ありがとうございます。

TN8001

2022/09/19 07:32 編集

> 「wpf combobox　C#」と調べても、時々表示されます。確かにいくつかはでますね。。。 [DataGridViewの列にコンボボックスを表示する - DOBON.NET](https://dobon.net/vb/dotnet/datagridview/datagridviewcomboboxcolumn.html とか。 DOBON.NETさんはC#一般（ファイルの読み書きとか）では私もお世話になっていますが、GUIはフォームしか載っていません。クラスが載っていればそこで区別がつきますが MainWindow : Window Form1 : Form 載っていないとしばらく読んじゃいますね^^; 早い段階でWPFと書いていないものやxamlがないものは怪しいです。まれにWPFと書いていながらUWPだったりする（素で書き間違えてる）のも見たことがあります^^; あとは英語も毛嫌いせず検索に入れることでしょうか。ソースコードさえあれば自動翻訳でもなんとかなります^^

TN8001

2021/06/10 04:28

> 一番したのコメントアウトしていたものを確認したところ、書き出したときのデータが初期値から変わっていませんでいた。 {Binding BordColor, UpdateSourceTrigger=PropertyChanged} とUpdateSourceTrigger=PropertyChanged をいれるとどうでしょうか？ボタンを押したときにフォーカスを失って変更が確定すると思っていましたが、確認まではしていませんでした。

退会済みユーザー

2021/06/10 04:42

TN8001様回答ありがとうございます！色々とお世話になります。言われる前に私も試してみるべきでした。 {Binding BordColor, UpdateSourceTrigger=PropertyChanged} 上記にしたところ、無事変更後の値が保存されました！ありがとうございます！！また、申し訳ないのですが同様に数字のコンボボックスも表示させようかと思っています。同じようにコンボボックスの行を追加し、Appの所に以下項目を追加しました。 <x:Array x:Key="Thicks" Type="System:Int32"> <System:Int32>1</System:Int32> <System:Int32>2</System:Int32> <System:Int32>3</System:Int32> <System:Int32>4</System:Int32> <System:Int32>5</System:Int32> </x:Array> 選択肢としては表示されますが、読込んだ時の関連付けが出来ません。 Intに変換したりしないといけないのでしょうか？何から何までお手数をおかけし申し訳ないですが、分かれば教えてください。よろしくお願いいたします。

TN8001

2021/06/10 04:42

思い出しました。CellTemplateの例の場合、editモードではないためフォーカスが外れても編集が反映されないのでした。 UpdateSourceTrigger=PropertyChangedにすれば即時に書き換えるので、見た目通り元データも変わり問題ないかと思います。回答も修正しておきます。

退会済みユーザー

2021/06/10 04:42

ちなみに、1列「線の太さ」という項目を足しました。

TN8001

2021/06/10 05:01

> 選択肢としては表示されますが、読込んだ時の関連付けが出来ません。 > Intに変換したりしないといけないのでしょうか？ Person に public int Thick { get; set; } を追加したということですね？読み込んだ値が選択肢にない例えば０とかではないですか？あとは。。コンストラクタでそもそも初期化していないとか？^^;

退会済みユーザー

2021/06/10 07:28 編集

◆MainWindow.xaml <DataGridTemplateColumn Header="線の太さ"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <ComboBox ItemsSource= "{StaticResource Thicks}" SelectedValue="{Binding BordThicks, UpdateSourceTrigger=PropertyChanged}"/> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> ◆MainWindow.xaml.cs public static int[] Thicks = {1,2,3,4,5}; ◆App <x:Array x:Key="Thicks" Type="System:Int32"> <System:Int32>1</System:Int32> <System:Int32>2</System:Int32> <System:Int32>3</System:Int32> <System:Int32>4</System:Int32> <System:Int32>5</System:Int32> </x:Array> こんな感じで入力しています。値は1,2,3,4で入力してます。 Personに仰っていただいた内容のものも追加してあります。どうやら、表示は出来ていないですがアプリ上では認識しているようで値を変更して保存したら、その値が書き込まれます。

退会済みユーザー

2021/06/10 07:30 編集

すみません、色々と大量に書いており、途中がStringになってました！良化しました。お手数をおかけしましたorz 教えていただいたおかげで、大分進むことが出来ました。ありがとうございます！

TN8001

2021/06/10 08:00

> すみません、色々と大量に書いており、 > 途中がStringになってました！想定通りの動作になったってことでいいですか？ > public static int[] Thicks = {1,2,3,4,5}; これはx:Staticで引いてくる場合用の記述ですので {StaticResource Thicks} としているのであれば不要です（App.xamlに書いてあるのが使われるので）

退会済みユーザー

2021/06/14 01:55

TN8001様想定通りの動作になりました、ありがとうございます！追加した文言ですが、コメントアウトしました。ありがとうございます！

行動規範の内容に同意します