DataGridにViewModelをバインドしたい

Question

ボタンを押すたびにテキストボックスの文字をDataGridに追加するソフトを作成したいと思っています。

<Window x:Class="WpfApp2.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:WpfApp2"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.DataContext>
        <local:TestViewModel/>
    </Window.DataContext>
    <Grid>
        <TextBox HorizontalAlignment="Left" Height="40" Margin="95,55,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="190"/>
        <TextBox HorizontalAlignment="Left" Height="40" Margin="95,135,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="190"/>
        <Button Content="Button" HorizontalAlignment="Left" Height="40" Margin="355,135,0,0" VerticalAlignment="Top" Width="155"/>
        <DataGrid ItemsSource="{Binding Path=TestModels}" AutoGenerateColumns="False"
                  HorizontalAlignment="Left" Height="135" Margin="95,230,0,0" VerticalAlignment="Top" Width="415">
            <DataGrid.Columns>
                <DataGridTextColumn Binding="{x:Null}" ClipboardContentBinding="{x:Null}" Header="１番目"/>
                <DataGridTextColumn Binding="{x:Null}" ClipboardContentBinding="{x:Null}" Header="２番目"/>
            </DataGrid.Columns>
        </DataGrid>

    </Grid>
</Window>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

using System.Collections.ObjectModel;
using Prism.Mvvm;

namespace WpfApp2
{
    public class TestViewModel : BindableBase
    {
        private int hoge1;
        public int Hoge1
        {
            get { return hoge1; }
            set { this.SetProperty(ref this.hoge1, value); }
        }

        private int hoge2;
        public int Hoge2
        {
            get { return hoge2; }
            set { this.SetProperty(ref this.hoge2, value); }
        }

        private ObservableCollection<TestModel> testModels;
        public ObservableCollection<TestModel> TestModels
        {
            get { return testModels; }
            set { this.SetProperty(ref this.testModels, value); }
        }

        public TestViewModel()
        {
            testModels = new ObservableCollection<TestModel>();
        }
    }
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

using System.Collections.ObjectModel;
using Prism.Mvvm;

namespace WpfApp2
{
    public class TestModel:BindableBase
    {
        private int first;
        public int First
        {
            get { return first; }
            set { this.SetProperty(ref this.first, value); }
        }

        private int second;
        public int Second
        {
            get { return second; }
            set { this.SetProperty(ref this.second, value); }
        }

        public TestModel()
        {

        }
    }
}

xamlのDataGridTextColumn BindingにmodelのFirstプロパティをバインドしようとしたのですが、できませんでした。
インテリセンスではCountプロパティしか表示されていませんでした。

どこを直せばいいのか？
ViewModelとModelに分けているのがだめなのか？
DatGridへのバインドがだめなのか？
まったくわからない状態です。
アドバイスお願いします。

Answer 1

バインドしようとしたのですが、できませんでした。

とは、どのような意味ですか？　どのようにbindしようとしたのですか？　その結果どうなったのですか？　エラーで落ちた？　エラーは表示されないけど値が表示されない？　具体的な状況を書いたほうが回答しやすいかと思います。

パッとみた限りですと、

 <DataGridTextColumn Binding="{x:Null}" ...

これだとnullをbindしてるわけですから何も表示されないと思うのですが。

firstをBindしたいのなら

 <DataGridTextColumn Binding="{Binding Path=First}"... 

じゃないですか？こうしたのに表示されないということですか？

Comments

[shinpass]

Binding Path=Firstにしようとしたのですが、
Hoge1, Hoge2, TestModelsの３つしか表示されませんでした。

[ebiryo]

「表示されませんでした」ではなく、手打ちで入力して実行するとどうなります？