如何在C＃中將列表與WPF數據網格綁定？

Question

我似乎無法弄清楚如何將數據從wfp導入列表並綁定到datagrid。

xaml表單顯示正常

我創建了屬性，我創建了一個繼承基類的類，即code360。 我在線嘗試了很多資源，但沒有為我工作。 我試圖硬編碼輸入，看看它是否會填充網格，但沒辦法。 像這樣

{firstName = "Tim", lastName = "Joy", 
 email = "tim@joy.com", 
 phoneNumber = "0988390243", 
 amount = 200000 }

這是mainWindow.xaml.cs

using System;
using System.Collections.Generic;
using System.Windows;

namespace Code360
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        public class code360
        {
            public string firstName { get; set; }
            public string lastName { get; set; }
            public string email { get; set; }
            public string phoneNumber { get; set; }
            public decimal amount { get; set; }
        }

        public class Code360Manager : List<code360>
        {
            public Code360Manager()
            {
                Add(new code360() {firstName = "Tim", lastName = "Joy", email = "tim@joy.com", phoneNumber = "0988390243", amount = 200000 });
            }
        }

        private void SubmitButton_Click(object sender, RoutedEventArgs e)
        {
            //studentGrid.ItemsSource = Code360Manager();
            MessageBox.Show("This is to test the firstname", firstName.Text);
        }
    }
}

這是mainWindow.xaml

<Window x:Class="Code360.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:Code360"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">

    <Grid>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="20" />
                <RowDefinition Height="auto" />
                <RowDefinition Height="auto" />
                <RowDefinition Height="auto" />
                <RowDefinition Height="auto" />
                <RowDefinition Height="auto" />
                <RowDefinition Height="*" />
                <RowDefinition Height="20" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="20" />
                <ColumnDefinition Width="auto" />
                <ColumnDefinition Width="auto" />
                <ColumnDefinition Width="auto" />
                <ColumnDefinition Width="auto" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="20" />
            </Grid.ColumnDefinitions>

            <TextBlock Grid.Row="1"  Grid.Column="1" FontSize="36"
                   Text="Code360 Student Record" Grid.ColumnSpan="3"
                   Margin="0,0,0,10" />

            <TextBlock Grid.Column="1" Grid.Row="2"
                   Text="First Name" Margin="0,0,0,10"/>

            <TextBox x:Name="firstName" Grid.Column="2" Grid.Row="2" 
                 Width="150" Margin="0,0,0,10"/>

            <TextBlock Grid.Column="3" Grid.Row="2" Text="Last Name" Margin="0,0,0,10"/>

            <TextBox x:Name="lastName" Grid.Column="4" Grid.Row="2" Width="150" Margin="0,0,0,10"/>

            <TextBlock Grid.Column="1" Grid.Row="3"
                   Text="Email" Margin="0,0,0,10"/>

            <TextBox x:Name="email" Grid.Column="2" Grid.Row="3" 
                 Width="150" Margin="0,0,0,10"/>

            <TextBlock Grid.Column="3" Grid.Row="3"
                   Text="Phone Number" Margin="0,0,0,10"/>

            <TextBox x:Name="phonenumber" Grid.Column="4" Grid.Row="3" 
                 Width="150" Margin="0,0,0,10"/>

            <TextBlock Grid.Column="1" Grid.Row="4"
                   Text="Amount" Margin="0,0,0,10"/>

            <TextBox x:Name="amount" Grid.Column="2" Grid.Row="4" 
                 Width="150" Margin="0,0,0,10"/>


            <Button x:Name="submitButton" Content="Submit" 
                Grid.Column="4" Grid.Row="4" 
                Margin="0,0,0,10" Click="SubmitButton_Click" />

            <DataGrid x:Name="studentGrid"  Grid.Column="1"  Grid.Row="5" MinWidth="20" Grid.ColumnSpan="5" Margin="22,0,45,154" Grid.RowSpan="2" ItemsSource="{StaticResource Code360Manager}">
                <DataGrid.Columns>
                    <DataGridTextColumn Header="First Name" Binding="{Binding firstName}" />
                    <DataGridTextColumn Header="Last Name" Binding="{Binding lastName}" />
                    <DataGridTextColumn Header="Email" 
                                        Binding="{Binding email}" />
                    <DataGridTextColumn Header="Phone Number" Binding="{Binding phonenumber}" />
                    <DataGridTextColumn Header="Amount" Binding="{Binding amount}" />
                </DataGrid.Columns>
                <DataGrid.RowDetailsTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding Details}" />
                    </DataTemplate>
                </DataGrid.RowDetailsTemplate>
            </DataGrid>



        </Grid>

    </Grid>
</Window>

Answer 1

我相信你需要設置DataContext。 在InitializeComponent（）;之后：DataContext = this; 編輯:(抱歉。我發了很多評論）。 您需要將xaml設置為上下文。 通常使用MainWindowViewModel。 我更改您的代碼以將ItemsSource設置為List <>而不是類：

public partial class MainWindow : Window
{
    public List<code360> Code360Manager { get; set; } = new List<code360>();

    public MainWindow()
    {
        InitializeComponent();

        Code360Manager.Add(new code360() {firstName = "Tim", lastName = "Joy", email = "tim@joy.com", phoneNumber = "0988390243", amount = 200000 });

        DataContext = this;
    }

    private void SubmitButton_Click(object sender, RoutedEventArgs e)
    {
        //studentGrid.ItemsSource = Code360Manager();
        MessageBox.Show("This is to test the firstname", firstName.Text);
    }
}

public class code360
{
    public string firstName { get; set; }
    public string lastName { get; set; }
    public string email { get; set; }
    public string phoneNumber { get; set; }
    public decimal amount { get; set; }
}

Answer 2

1.要使用Binding需要設置DataContext屬性

InitializeComponent();
this.DataContext = this;

2.u需要一個集合來綁定xaml.cs中的DataGrid List<code360> MyList { get; set; } List<code360> MyList { get; set; } List<code360> MyList { get; set; } //確保你有這個列表中的數據

3. ItemsSource prop將采用集合，因此你需要將它與集合綁定ItemsSource="{Binding MyList } // note the list name is same as the in 2 ponit

這也不是跟隨mvvm

Answer 3

我在Visual Studio中粘貼了該代碼，除此之外，我遇到了一行問題： ItemsSource="{StaticResource Code360Manager}"

從你分享的XAML中我看不到你在哪里定義資源所以請考慮以下內容。

<Grid.Resources>
    <local:Code360Manager x:Key="Code360Manager" />
</Grid.Resources>

在定義網格之后，您將看到數據網格渲染

Answer 4

Grid不會將數據輸入作為ItemSource，您需要使用DataContext。 就像是：

studentGrid.DataContext = Code360Manager();

如果仍然無效，請嘗試使用ListCollectionView，如下所示：

ListCollectionView alist = new ListCollectionView(Code360Manager());
studentGrid.DataContext = alist;