DataGrid控件使用

应用Binding显示后台数据

<UserControl x:Class="demo03.View.UserInfoList"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             mc:Ignorable="d"
             x:Name="userList"
             d:DesignHeight="380" d:DesignWidth="700">
    <Grid>
        <DataGrid x:Name="dgUserList" ItemsSource="{Binding Path=UserList,ElementName=userList}" AutoGenerateColumns="False" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontStyle="Normal" FontWeight="Normal">
            <DataGrid.Columns>
                <DataGridTextColumn Header="编号" Binding="{Binding ID}" Width="100" CanUserSort="True"/>
                <DataGridTextColumn Header="学号" Binding="{Binding Number}" Width="100" CanUserSort="True"/>
                <DataGridTextColumn Header="姓名" Binding="{Binding Name}" Width="100"/>
                <DataGridTextColumn Header="年龄" Binding="{Binding Age}" Width="100"/>
                <DataGridTextColumn Header="性别" Binding="{Binding Gender}" Width="100"/>
                <DataGridTextColumn Header="联系方式" Binding="{Binding Phone}" Width="100"/>
                <DataGridTextColumn Header="家庭住址" Binding="{Binding Address}" Width="100"/>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</UserControl>