Silverlight DataGrid使用WCF RIA Service实现Load-on-demand的数据加载

在Windows或者ASP.NET Web应用程序中,我们经常可以看到在Grid控件上通过Load-on-demand的方式来提高系统性能,提升用户体验。

所谓Load-on-demand就是在最初表格数据加载时只加载当前表格中用户可以看到的行数,当用户向下滚动或拖拽纵向滚动条时,再将需要显示的数据通过某种方式动态加载进来。

那么对于Silverlight,我们可以使用DataGrid通过WCF RIA Service来实现这个功能。

1.      WCF RIA Service

我们将会使用WCF Service来提供数据,并且将这个WCF Service host到ASP.Net应用程序中。

-         定义数据对象

[DataContract]
public class Employee 
{
        [DataMember]
        public int ID { get; set; }

        [DataMember]
        public string Name { get; set; }

        [DataMember]
        public string Department { get; set; }

        [DataMember]
        public double Salary { get; set; }    
}

使用DataContract和DataMember来标识数据对象以及对象属性,这样就可以通过WCF Service来传递这个数据结构了,注意需要添加System.Runtime.Serialization.dll。

-         添加Silverlight enabled WCF Service

在WebApplciation工程中添加一个新的Item,选取”Silverlight enabled WCF Service”,命名为”EmployeeService.svn”.

在PepoleService.svn.cs中添加如下代码:

[OperationContract]
public List<Employee> GetEmployeeData(int startRow, int endRow)
{
            List<Employee> employees = new List<Employee>();
            for (int i = startRow; i < endRow; i++)
            {
                employees.Add(new Employee()
                {
                    ID = i,
                    Name = string.Format("Name {0}", i),
                    Department = string.Format("Department {0}", i),
                    Salary = i * 100.0
                });
            }

            return employees;
}

注意在上面一步添加完WCF Service后,会在Web.config文件中添加关于Service的配置信息:

<system.serviceModel>
      <behaviors>
            <serviceBehaviors>
                <behavior name="Silverlight.Web.EmployeeServiceBehavior">
                      <serviceMetadata httpGetEnabled="true"/>
                      <serviceDebug includeExceptionDetailInFaults="false"/>
                 </behavior>
            </serviceBehaviors>
      </behaviors>
    
      <serviceHostingEnvironment aspNetCompatibilityEnabled="true"/>    
      <services>
            <service behaviorConfiguration="Silverlight.Web.EmployeeServiceBehavior" name="Silverlight.Web.EmployeeService">
                  <endpoint address="" binding="basicHttpBinding" contract="Silverlight.Web.EmployeeService" />
                  <endpoint address="mex" binding="mexHttpBinding" contract="IMetadataExchange" />
            </service>
      </services>
</system.serviceModel>

关于如何Host WCF Service到IIS,可以参考MSDN文章:Hosting and Consuming WCF Services

2.      Load-on-demand数据加载

-         在Silverlight工程中添加Service引用

如下图通过给Silverlight工程添加Service reference来操作WCF Service:

-         从WCFService中获取数据

将WCF Service引入后,IDE会自动生成EmployeeServiceClient类,通过这个代理我们就可以使用Service上的方法了。

通过如下代码可以从WCF Service获得Employee数据:

public partial class Page : UserControl 
{
      private ObservableCollection<Employee> _employees;

      private void GetData(int startRow, int endRow) 
      {
            EmployeeServiceClient proxy = new EmployeeServiceClient();
            proxy.GetEmployeeDataCompleted += new EventHandler<GetEmployeeDataCompletedEventArgs>(proxy_GetDataCompleted);

            proxy.GetEmployeeDataAsync(startRow, endRow);
       }

      private void proxy_GetDataCompleted(object sender, GetEmployeeDataCompletedEventArgs e) 
      {
            foreach (Employee employee in e.Result) 
            {
                this._employees.Add(employee);
            }
      }
}

-         在DataGrid上实现数据的Load-on-demand

Silverlight DataGrid提供了一个事件:LoadingRow,该事件会在某一个Row第一次被显示的时候被触发。通过这个事件我们就可以实现数据的按需加载,在这个事件中我们可以拿到该Row的RowIndex,如果发现当前将要显示的Row已经接近末尾(当前定义为距离末尾小于5),那么就需要向服务器端请求数据。

示例代码:

private void Page_Loaded(object sender, RoutedEventArgs e) 
{
            this._startRowIndex = 0;
            this._employees = new ObservableCollection<Employee>();
            this.peopleDataGrid.ItemsSource = _employees;

            GetData(this._startRowIndex, this._pageSize);
}

private void peopleDataGrid_LoadingRow(object sender, DataGridRowEventArgs e) 
{
            if (this._isLoading || this._employees.Count < _pageSize) 
            {
                return;
            }

            if (this._employees.Count - 5 < e.Row.GetIndex()) 
            {
                this.GetData(this._startRowIndex, this._startRowIndex + this._pageSize);
            }
}

运行程序,拖动ScrollBar到底部,你会发现DataGrid会自动加载数据。

您可以通过这里下载全部示例代码。

该程序中不满意的地方就是ScrollBar的Thumb button会随着加载数据的增多而变小,如果您有更好的方式我们可以继续探讨。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏GuZhenYin

ASP.NET Core文件上传与下载(多种上传方式)

前言 前段时间项目上线,实在太忙,最近终于开始可以研究研究ASP.NET Core了. 打算写个系列,但是还没想好目录,今天先来一篇,后面在整理吧. ASP.N...

63660
来自专栏我和未来有约会

Silverlight本地化

ilverlight本地化 简单的实现多语言版本的Silverlight应用。 日益国际化的同时,需要我们开发的应用根据不同的来访者显示不用的语言,Silv...

188100
来自专栏菩提树下的杨过

Oracle:ODP.NET Managed 小试牛刀

“ODP.NET Managed”发布已经有一段时间了,近期正好有一个新项目,想尝试用一下,参考园子里的文章:《.NET Oracle Developer的福音...

28960
来自专栏GuZhenYin

ASP.NET Core文件上传与下载(多种上传方式)

官方机器翻译的地址:https://docs.microsoft.com/en-us/aspnet/core/mvc/models/file-uploads

29100
来自专栏领域驱动设计DDD实战进阶

微服务实战(七):落地微服务架构到直销系统(实现命令与命令处理器)

我们先来看看CQRS架构,你对下图的架构还有印象吗?每个组件的功能都还清楚吗?如果有疑问,请查考文章《微服务实战(五):落地微服务架构到直销系统(构建高性能大并...

20830
来自专栏LanceToBigData

HttpClient(二)HttpClient使用Ip代理与处理连接超时

前言   其实前面写的那一点点东西都是轻轻点水,其实HttpClient还有很多强大的功能:   (1)实现了所有 HTTP 的方法(GET,POST,PUT,...

45080
来自专栏知识分享

C#上位机串口控制12864显示

实现的效果 ? ? ? ? ? 上面是用Proteus仿真的,,对了如果自己想用proteus仿真需要安装下面这个软件 ? 再看一下实物显示效果 ? ? ? ?...

98550
来自专栏木宛城主

Thinking In Design Pattern——探索SOA在企业应用程序中扮演的角色

服务层的定义 Domain Model的设计与实现 IRepository的设计与实现 Document Message模式和Request-Response模...

21450
来自专栏我和未来有约会

Silverlight本地化

ilverlight本地化 简单的实现多语言版本的Silverlight应用。 日益国际化的同时,需要我们开发的应用根据不同的来访者显示不用的语言,Silv...

206100
来自专栏恰童鞋骚年

.NET Core微服务之基于MassTransit实现数据最终一致性(Part 2)

  在上一篇中,我们了解了MassTransit这个开源组件的基本用法,这一篇我们结合一个小案例来了解在ASP.NET Core中如何借助MassTransit...

16640

扫码关注云+社区

领取腾讯云代金券