[WPF][MVVM] DataGrid で値が表示されない

Question

前提・実現したいこと

WPFでMVVMアーキテクチャを利用したプログラミングを進めています。
ViewにDataGridを表示するアプリを作っています。
DataGridにデータが表示されずに困っています。何卒、ご教授をお願いいたします。

発生している問題

データがBindingされておらず(?)表示されなくて困っています。

該当のソースコード

View

<Window x:Class="appwpf1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:appwpf1"
        xmlns:vm="clr-namespace:appwpf1.VM"
        xmlns:md="clr-namespace:appwpf1.Model" 
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.DataContext>
        <vm:MainWindowVieModel/>
    </Window.DataContext>
　 ・
　 ・
　 ・
<DataGrid x:Name="DataGrid1" ItemsSource="{Binding ParamA}"  Grid.Row="1" IsReadOnly="True" AutoGenerateColumns="False" VerticalScrollBarVisibility="Auto" Height="40">
                <DataGrid.Columns>
                    <DataGridTextColumn Header="ID" Binding="{Binding ParamA.ID}" />
                    <DataGridTextColumn Header="Name" Binding="{Binding ParamA.Name}" />
                    <DataGridTextColumn Header="Sex" Binding="{Binding ParamA.Sex}" />
                    <DataGridTextColumn Header="メール" Binding="{Binding ParamA.Email}" />
                </DataGrid.Columns>
</DataGrid>

ViewModel

    class MainWindowVieModel: Base
    {
        public ObservableCollection<ParamA> _observaParam { get; set; }

        private Param_paramA ;
        public Param ParamA
        {
            get
            {
                return _paramA ;
            }
            set
            {
                _paramA = value;
                NotifyPropertyChange(nameof(ParamA));
            }
        }

        //コンストラクタ
        public MainWindowVieModel()
        {
            ParamA= new ParamA{ ID = 1, Name= "AAA", Sex= "男", Email= "[e-mail]" };
        }
    }

Model

    class Base: INotifyPropertyChanged
    {

        public event PropertyChangedEventHandler PropertyChanged;

        protected virtual void NotifyPropertyChange(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }

Model

   class ParamModel
    {


    }

    //パラメーター
    public class Param 
    {

        public int ID{ get; set; }
        public string Name{ get; set; }
        public string Sex{ get; set; }
        public string Email{ get; set; }
    }

試したこと

DataGridのMVVM形式での実装は下記を参考にしました
https://www.fenet.jp/dotnet/column/tool/4287/

実装方法が悪いのかと、MVVMについて調査
https://www.atmarkit.co.jp/ait/articles/1011/09/news102.html

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

Visual Studio2019 / .NET Framework4.5.2
Windows10

Comments

[BluOxy]

MainWindowVieModelクラスに _paramA が2つ定義されているようにみえますが、コンパイルは通るのでしょうか。

[BluOxy]

もし InspectParam がコレクションでなければ、それが原因で DataGrid の ItemsSource に ParamA を Binding できないのだと思います。

[Base]

申し訳ありませんでした。Paramの間違えでした。
それに付随して、クラスの名前も間違っていましたので、修正させていただきました。

[BluOxy]

Param_paramA だと型と変数名が繋がっていてコンパイルが通りませんね。質問内容を手入力で修正しましたか。
_observaParam は ParamA という型になっていますが、そのようなクラスは定義されているのでしょうか。これも定義がなければコンパイルが通りませんね。

まずは掲示されている今見える問題（ソースコード上のコンパイルエラーであろう部分）を取り除きましょう。その問題によって裏に別の問題が隠れているかが分かりません。

コンパイルエラーを取り除いたソースコードを**手入力ではなくコピー＆ペースト**で質問に記載してください。

Answer 1

DataGridのMVVM形式での実装は下記を参考にしました
https://www.fenet.jp/dotnet/column/tool/4287/

ほんとうですか！？似ても似つかないように思うのですが。。

コレクションと、個々のアイテムの区別がついていないように見受けられます。

コレクションとは、ObservableCollectionやList・配列等複数のアイテムを持つものです（回答コードでいえばPeople）

個々のアイテムとは、コレクションの中のひとつひとつです（回答コードでいえばPerson）

DataGridのItemsSourceにはコレクションをバインドします。

DataGridTextColumnの段階ではDataContextは個々のアイテムになっているので、{Binding ParamA.ID}ではなく{Binding ID}とプロパティだけでよいことになります。

<Window
  x:Class="Questions353106.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:local="clr-namespace:Questions353106"
  Width="800"
  Height="450">
  <Window.DataContext>
    <local:MainWindowVieModel />
  </Window.DataContext>
  <Grid>
    <DataGrid
      AutoGenerateColumns="False"
      IsReadOnly="True"
      ItemsSource="{Binding People}">
      <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding ID}" Header="ID" />
        <DataGridTextColumn Binding="{Binding Name}" Header="Name" />
        <DataGridTextColumn Binding="{Binding Sex}" Header="Sex" />
        <DataGridTextColumn Binding="{Binding Email}" Header="メール" />
      </DataGrid.Columns>
    </DataGrid>
  </Grid>
</Window>

using System.Collections.ObjectModel;
using System.Windows;

namespace Questions353106
{
    class Person
    {
        public int ID { get; set; }
        public string Name { get; set; }
        public string Sex { get; set; }
        public string Email { get; set; }
    }

    class MainWindowVieModel
    {
        public ObservableCollection<Person> People { get; }

        public MainWindowVieModel()
        {
            People = new ObservableCollection<Person>
            {
                new Person { ID = 1, Name = "AAA", Sex = "男", Email = "[e-mail]" },
            };
        }
    }

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

Comments

[Base]

ありがとうございました。動きました！

ご指摘いただいた通り、コレクションと個々のアイテムの区別がついていなかったです。詳しく説明していただき、重ねて、感謝致します。

WPFに対する理解を深めたいと思いますが、基本的なことがわかっていないのでしょうか。。少し学習の方向性を迷っています。

[TN8001]

> WPFに対する理解を深めたいと思いますが、基本的なことがわかっていないのでしょうか。。少し学習の方向性を迷っています。

ある程度継続して学習しないと、定着する前に忘れちゃうとかはありそうですね（お仕事だとなかなかそうもいかないんでしょうが^^;

私もWPF（C#）を始めたのはだいぶ遅いですし、書籍もこれといって持っていませんが、先人たちのおかげで日本語で十分な量の情報があります（あまりにニッチな場合は英語）

まとまった情報としては、
[WPF4.5入門](https://www.slideshare.net/okazuki0130/wpf45-38048141

が、タダでいいの！？ってくらいボリュームがあります（Kindle版も有

C#使用以前は情報がなさ過ぎてつらかったというのもあり天国に感じました。
（幸い？^^;）私はWinforms時代がないのですが、Winformsに慣れすぎている場合違いが多すぎて逆に理解しにくいような気はします。

WPFでもMVVMせずにWinforms的に書くことは可能です。
しかしWPFの醍醐味はバインドだと思うので、何とか乗り越えていただきたいです。

おそらくもうひとこえだと思います。
ある段階を超えると急に目の前が開け「あぁ、そういうことか。」となるはずです。

がんばってください^^

[Base]

ご丁寧に、URLまでいただき、ありがとうございます。

「あぁ、そういうことか。」という風になるまで、いただいたURLを参考にコーディングをしてみたいと思います。

ありがとうございました！！