Sliverlight学习笔记七DataGrid控件

这一节是DataGrid，绑定数据源

效果如下图：

1.DataGridDemo.xaml

<UserControl xmlns:datagrid="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"  x:Class="Silverlight.Common.View.DataGridDemo"
    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:dataform="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.DataForm.Toolkit"
              xmlns:input="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Input.Toolkit"
             xmlns:sys="clr-namespace:System;assembly=mscorlib">

    <StackPanel>
        <ContentControl Content="DataGrid" />
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition  Height="310"/>
                <RowDefinition  Height="25"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition  Width="180"/>
                <ColumnDefinition  Width="840"/>
                <ColumnDefinition  Width="*"/>
            </Grid.ColumnDefinitions>
            <StackPanel Grid.Column="0">
                <CheckBox Content="不可编辑" x:Name="IsEditable" IsChecked="{Binding IsReadOnly, ElementName=dataGrid, Mode=TwoWay}"  Margin="4" />
                <CheckBox Content="否可更改列的显示顺序" IsChecked="{Binding CanUserReorderColumns, ElementName=dataGrid, Mode=TwoWay}" Margin="4" />
                <CheckBox Content="列宽是否可变" IsChecked="{Binding CanUserResizeColumns, ElementName=dataGrid, Mode=TwoWay}" Margin="4" />
                <CheckBox Content="是否可单击列标题来对列排序" IsChecked="{Binding CanUserSortColumns, ElementName=dataGrid, Mode=TwoWay}" Margin="4" />
                <TextBlock  Text="无法水平滚动的列数" Margin="4" />
                <input:NumericUpDown Width="100" HorizontalAlignment="Left" Minimum="0" Margin="4" Value="{Binding FrozenColumnCount, ElementName=dataGrid, Mode=TwoWay}" />
                <CheckBox x:Name="cbGroupping" Content="是否分组显示"  Margin="4" Click="OnClick" />
                <CheckBox Content="数据格式验证" IsChecked="{Binding IsValid, ElementName=dataGrid, Mode=TwoWay}" Margin="4" />
                <TextBlock  Text="何时显示行的详细信息部分：" Margin="4" />
                <ComboBox HorizontalAlignment="Left" Width="auto" SelectedItem="{Binding RowDetailsVisibilityMode, ElementName=dataGrid, Mode=TwoWay}" Margin="4" SelectedIndex="2">
                    <sys:String>Collapsed</sys:String>
                    <sys:String>Visible</sys:String>
                    <sys:String>VisibleWhenSelected</sys:String>
                </ComboBox>
                <TextBlock Text="选择行为：" Margin="4" />
                <ComboBox HorizontalAlignment="Left" Width="70" SelectedItem="{Binding SelectionMode, ElementName=dataGrid, Mode=TwoWay}" Margin="4" SelectedIndex="1">
                    <sys:String>Single</sys:String>
                    <sys:String>Extended</sys:String>
                </ComboBox>
            </StackPanel>
            <datagrid:DataGrid x:Name="dataGrid"  Width="820" Height="310" ColumnWidth="100"  ItemsSource="{Binding}" HorizontalAlignment="Stretch" VerticalAlignment="Top" Margin="4" MaxHeight="300" Grid.Column="1">
                <datagrid:DataGrid.RowDetailsTemplate>
                    <DataTemplate>
                        <StackPanel Background="LightBlue">
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="This item has details." />
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="Here is some data: " />
                                <TextBlock Text="{Binding Name}" />
                                <TextBlock Text=" " />
                                <TextBlock Text="{Binding Password}" />
                            </StackPanel>
                        </StackPanel>
                    </DataTemplate>
                </datagrid:DataGrid.RowDetailsTemplate>
            </datagrid:DataGrid>
            <datagrid:DataPager Width="820" Height="24" Grid.Row="1" Margin="0,-15,0,0" Grid.Column="1" Source="{Binding}" PageSize="10" />
            <StackPanel Grid.Column="2">
     
                    <dataform:DataForm x:Name="dataForm"  Margin="4" Grid.Column="2" ItemsSource="{Binding}" >
                    </dataform:DataForm>

            </StackPanel>
        </Grid>
    </StackPanel>
</UserControl>

2.DataGridDemo.cs

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Silverlight.Common.Core;

using System.Windows.Data;

namespace Silverlight.Common.View
{
    public partial class DataGridDemo : UserControl
    {
        public DataGridDemo()
        {
            InitializeComponent();

　　　　//绑定数据源，赋值
            PagedCollectionView pcv = new PagedCollectionView(UserList.GetUserList());
            DataContext = pcv;
        }

        private void OnClick(object sender, RoutedEventArgs e)
        {
            if ((bool)this.cbGroupping.IsChecked)
            {

　　　　　　//分组显示
                PagedCollectionView Groupping = new PagedCollectionView(UserList.GetUserList());
                Groupping.GroupDescriptions.Add(new PropertyGroupDescription("Password"));
                Groupping.GroupDescriptions.Add(new PropertyGroupDescription("Name"));
                DataContext = Groupping;
            }

            else
            {
                DataContext = UserList.GetUserList();
            }
        }
    }
}

3.User.cs

using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace Silverlight.Common.Core
{
    public class User
    {
        /// <summary>
        /// 用户ID
        /// </summary>
        public virtual int UserID { get; set; }

        /// <summary>
        /// 用户名
        /// </summary>
        public virtual string UserName { get; set; }

        /// <summary>
        /// 用户姓名
        /// </summary>
        public virtual string Name { get; set; }

        /// <summary>
        /// 用户密码
        /// </summary>
        public virtual string Password { get; set; }

        /// <summary>
        /// 用户描述
        /// </summary>
        public virtual string Description { get; set; }

        /// <summary>
        /// 是否启用
        /// </summary>
        public virtual bool IsEnabled { get; set; }

        /// <summary>
        /// 密码恢复问题
        /// </summary>
        public virtual string Question { get; set; }

        /// <summary>
        /// 密码恢复答案
        /// </summary>
        public virtual string Answer { get; set; }
    }
}

4.UserList.cs

using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Collections.Generic;

namespace Silverlight.Common.Core
{
    public static class UserList
    {
        public static IList<User> GetUserList()
        {
            IList<User> userList = new List<User>();
            userList.Add(new User { Answer="我的家乡在哪？",Description="超级管理员权限",IsEnabled=true,Name="吴建强",Password="11111",Question="山西省神池县",UserID=1,UserName="admin"});
            userList.Add(new User { Answer = "我最喜欢的国家？", Description = "普通用户权限", IsEnabled = true, Name = "吴建强", Password = "sfsgfsd", Question = "韩国", UserID = 2, UserName = "lxt" });
            userList.Add(new User { Answer = "我最喜欢的人？", Description = "普通用户权限", IsEnabled = true, Name = "李秀婷", Password = "11111", Question = "山西省神池县", UserID = 3, UserName = "wjq" });
            userList.Add(new User { Answer = "我最喜欢的明星？", Description = "普通用户权限", IsEnabled = true, Name = "权相宇，李连杰", Password = "11111", Question = "权相宇，李连杰", UserID = 4, UserName = "qxy" });
            userList.Add(new User { Answer = "我最爱看的电影？", Description = "普通用户权限", IsEnabled = true, Name = "李连杰", Password = "11111", Question = "精武英雄", UserID = 5, UserName = "lxj" });
            userList.Add(new User { Answer = "我最爱看的电视剧？", Description = "普通用户权限", IsEnabled = true, Name = "权相宇", Password = "11111", Question = "《悲伤恋歌》", UserID = 6, UserName = "admin" });
            userList.Add(new User { Answer = "我的梦想？", Description = "普通用户权限", IsEnabled = true, Name = "吴建强", Password = "11111", Question = "成为亿万富翁", UserID = 7, UserName = "llj" });
            userList.Add(new User { Answer = "我最喜欢事？", Description = "普通用户权限", IsEnabled = true, Name = "吴建强", Password = "11111", Question = "编程", UserID = 8, UserName = "admin" });
            userList.Add(new User { Answer = "我的家乡在哪？", Description = "普通用户权限", IsEnabled = true, Name = "吴建强", Password = "11111", Question = "山西省神池县", UserID = 9, UserName = "admin" });
            userList.Add(new User { Answer = "我的家乡在哪？", Description = "普通用户权限", IsEnabled = true, Name = "吴建强", Password = "11111", Question = "山西省神池县", UserID = 10, UserName = "admin" });
            userList.Add(new User { Answer = "我的家乡在哪？", Description = "普通用户权限", IsEnabled = true, Name = "吴建强", Password = "11111", Question = "山西省神池县", UserID = 11, UserName = "admin" });
            userList.Add(new User { Answer = "我最喜欢事？", Description = "普通用户权限", IsEnabled = true, Name = "吴建强", Password = "11111", Question = "编程", UserID = 12, UserName = "admin" });
            userList.Add(new User { Answer = "我的家乡在哪？", Description = "普通用户权限", IsEnabled = true, Name = "吴建强", Password = "11111", Question = "山西省神池县", UserID = 13, UserName = "admin" });
            userList.Add(new User { Answer = "我的家乡在哪？", Description = "普通用户权限", IsEnabled = true, Name = "吴建强", Password = "11111", Question = "山西省神池县", UserID = 14, UserName = "admin" });
            userList.Add(new User { Answer = "我的家乡在哪？", Description = "普通用户权限", IsEnabled = true, Name = "吴建强", Password = "11111", Question = "山西省神池县", UserID = 15, UserName = "admin" });
            return userList;
        }
    }
}

注：其中的一部分主要属性已在左侧列出，并且点击按钮就能看到它的效果

　　DataForm是用来显示所选中的数据

　　DataPager用来分页，其中的PageSize是每页显示的条数。

　　此DataGrid自带数据有效性验证

　　源代码下载：https://files.cnblogs.com/salam/Silverlight.Common.rar