PR

【C# WPF】DataGridでCombokBoxを使う方法

C#

C#とWPFを利用して、DataGridでComboBoxを使う方法をまとめてみました。

対象は、Visual Studio 2022, .NET 7.0, Windows 7以上 です。
MVVMは使いません。Windows Formsではありません。

こちらの記事「【C# WPF】DataGridの使い方の基礎」で作ったDataGridにComboBoxを加えてみます。
データを表示するためにボタンもひとつ加えます。

コードを単純にして分かりやすくするため余分な機能は入れないことにしましょう。そこで、表示するのは最初の行に限定します。
行番号を指定してDataGridの値を表示するケースの参考にもなります。

次のような画面になります。

スポンサーリンク

XAMLの記入

DataGridComboBoxColumn というタグが用意されていますが、使い勝手が微妙なので、代わりに、DataGridTemplateColumn を使います。

MainWindow.xaml

最初に、ComboBoxを配置する列の全体をタグで囲みます。
その中に、、続いてを書き、その中にを書きます。
2つBindingします。「選択用のリスト」と「選択された値」の2つです。
「ItemsSource=~~」と「SelectedItem=~~」の部分です。

ComboBoxの準備

まず、DataGridのカラムに対応させたクラスに、コンボボックスのプロパティを追加します。
「選択用のリスト」と「選択された値」の2つが必要になります。

MainWindow.xaml.cs

プロパティ名は、XAMLのマークアップ拡張、Bindingに書いた名前(バインディングソース)と同じにします。ここでは「ComboBox1List」と「ComboBox1Selected」ですね。

「選択用のリスト」は初期値となるリストを定義しておきます。

行の追加

そして、データ追加の処理にComboBox用の値を追加します。「選択された値」の初期値ですね。初期値を何も選択していない状態にしたければ必要はありません。

MainWindow.xaml.cs

行番号を指定してDataGridの値を表示する

「データ表示」用に4番目のボタンを追加したので、対応するイベントの処理を追記します。

MainWindow.xaml.cs

最初の行を表示することにしたので DataGrid1Rows[0] とコーディングしています。
行が存在しないとエラー(Exception)が発生してしまうので、件数チェックを入れておきます。

まとめ

つぎの2点に気をつければ、DataGridの中でComboBoxを使えるようになります。

  • XAMLでは、DataGridComboBoxColumn を使うより、DataGridTemplateColumn の中にComboBoxを書く方が便利
  • ComboBoxを扱う時は、「選択用のリスト」と「選択された値」の2つをバインドする

コメント

スポンサーリンク
タイトルとURLをコピーしました