Как правильно вывести коллекцию объектов в DataGrid? - WPF

Question

Имеется DataGrid с одной колонкой:

<DataGrid x:Name="dataGrid"
              AutoGenerateColumns="False"
              HorizontalAlignment="Center"
              Height="390"
              Margin="10,10,9.8,20"
              VerticalAlignment="Center"
              HorizontalContentAlignment="Center"
              VerticalContentAlignment="Center"
              ClipboardCopyMode="None"
              Grid.Column="1"
              CanUserResizeColumns="False"
              CanUserReorderColumns="False"
              CanUserSortColumns="False">
        <DataGrid.Columns >
            <DataGridTextColumn Width="197" 
                                Header="Коды" 
                                IsReadOnly="True" 
                                CanUserReorder="False" 
                                CanUserResize="False" 
                                CanUserSort="False" 
                                x:Name="codeColumn">
            </DataGridTextColumn>
        </DataGrid.Columns>

Имеется класс, отвечающий за хранение нужных мне данных в нужном мне формате:

public class Code
{
    public Code(string input)
    {
        SetValues(input);
    }

    private void SetValues(string input)
    {
        string[] splittedInput = input.Split('-');

        First = splittedInput[0].ToCharArray();

        Second = splittedInput[1].ToCharArray();

        Third = splittedInput[2].ToCharArray();

        Fourth = splittedInput[3].ToCharArray();
    }

    public override string ToString()
    {
        return $"{new string(First)}-{new string(Second)}-{new string(Third)}-{new string(Fourth)}";
    }

    private char[] First { get; set; } = null;
    private char[] Second { get; set; } = null;
    private char[] Third { get; set; } = null;
    private char[] Fourth { get; set; } = null;

Сама коллекция и методы работы с ней описаны в отдельном классе:

internal class CodeCollection
{
    public static ObservableCollection<Code> Codes { get; private set; }

    public static void AddCode(Code newCode)
    {
        if (Codes == null)
        {
            Codes = new ObservableCollection<Code>();
        }

        Codes.Add(newCode);
    }

    public static void RemoveCode(int index)
    {
        if (Codes == null)
        {
            return;
        }

        Codes.RemoveAt(index);
    }
}

Привязки я попробовал выставить в конструкторе окна, метод добавления в коллекцию вызывается обработчиком события:

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

        DataContext = CodeCollection.Codes;

        dataGrid.ItemsSource = CodeCollection.Codes;

        _ = inputTextBox.Focus();
    }

    private void ButtonAdd_Click(object sender, RoutedEventArgs e)
    {
        App.AddCode(new Code(inputTextBox.Text));
    }
}

Коллекция заполняется нужными мне данными, но проблема в том, что DataGrid ничего не выводит. Как мне нужно указать источник данных для DataGrid, чтоб он мог выводить их в описанную колонку?

Answer 1

Применил правки, предложенные в комментариях.

Итоговый вид XAML-кода DataGrid:

<DataGrid x:Name="dataGrid"
          AutoGenerateColumns="False"
          HorizontalAlignment="Center"
          Height="390"
          Margin="10,10,9.8,20"
          VerticalAlignment="Center"
          HorizontalContentAlignment="Center"
          VerticalContentAlignment="Center"
          ClipboardCopyMode="None"
          Grid.Column="1"
          CanUserResizeColumns="False"
          CanUserReorderColumns="False"
          CanUserSortColumns="False">
    <DataGrid.Columns>
        <DataGridTextColumn Width="197" 
                            Header="Коды" 
                            IsReadOnly="True" 
                            CanUserReorder="False" 
                            CanUserResize="False" 
                            CanUserSort="False" 
                            x:Name="codeColumn"
                            Binding="{Binding Data}">
        </DataGridTextColumn>
    </DataGrid.Columns>
</DataGrid>

Итоговый вид класса Code:

public class Code
{
    public Code(string input)
    {
        SetValues(input);
    }

    private void SetValues(string input)
    {
        string[] splittedInput = input.Split('-');

        First = splittedInput[0].ToCharArray();

        Second = splittedInput[1].ToCharArray();

        Third = splittedInput[2].ToCharArray();

        Fourth = splittedInput[3].ToCharArray();
    }

    public override string ToString()
    {
        return $"{new string(First)}-{new string(Second)}-{new string(Third)}-{new string(Fourth)}";
    }

    public string Data => $"{new string(First)}-{new string(Second)}-{new string(Third)}-{new string(Fourth)}";

    private char[] First { get; set; } = null;
    private char[] Second { get; set; } = null;
    private char[] Third { get; set; } = null;
    private char[] Fourth { get; set; } = null;
}

Итоговый вид класса, хранящего коллекцию объектов для вывода в DataGrid:

internal class CodeCollection
{
    public ObservableCollection<Code> Codes { get; private set; } = new ObservableCollection<Code>();

    public void AddCode(Code newCode)
    {
        Codes.Add(newCode);
    }

    public void RemoveCode(int index)
    {
        Codes.RemoveAt(index);
    }
}

Установка DataContext и DataGrid.ItemsSource, а также метод добавления нового элемента в коллекцию:

public partial class MainWindow : Window
{
    private CodeCollection codeCollection = new CodeCollection();

    public MainWindow()
    {
        InitializeComponent();

        DataContext = codeCollection;

        dataGrid.ItemsSource = codeCollection.Codes;
    }

    private void ButtonAdd_Click(object sender, RoutedEventArgs e)
    {
        codeCollection.AddCode(new Code(inputTextBox.Text));
    }
}