让DataPager分页控件实现服务器端分页

Silverlight4中有一个DataPager分页控件，使用起来非常简单，拖过来，这样设置一下就可以用了，就可以搭配List（比如DataGrid）使用了，真是简单：

最简单的客户端分页

1 PagedCollectionView pcv = new PagedCollectionView(MyEntities /* IEnumerable<T> */ );
2
3   this .dataPager1.PageSize = 10 ;
4
5   this .dataGrid1.ItemsSource = pcv;
6   this .dataPager1.Source = pcv;

然后就可以实现分页了，效果如图：

好简单，那我们今天还写什么，文章可以结束了。呵呵。

用Fiddler分析了一下客户端和服务端的数据，发现这个DataPager是“客户端分页”。也就是说，如果你数据库有百万数据，都下载到客户端来了，然后在Silverlight客户端做了一把分页，显示当前页数据。这个这个，如果你的数据量不大，这个没有问题，如果数据量大，那就有性能问题了。解决办法只能是服务器端分页。不难。我们不用几分钟就能搞定。

服务端分页函数(WCF/WCF Ria Service)

首先，服务器端写两个函数，一个是计算总的页数，另一个是取得当前页的数据。举例来说，我服务器端用的是WCF Ria Service（只是例子，没有具体意义的）：

1 // 取得当前页的数据
2   public IQueryable < MyEntity > GetMyEntities( int PageSize, int CurrentPage)
3 {
4 if (CurrentPage <= 1 )
5 return this .ObjectContext.MyEntity.Where(s => s.EntityID > 1 ).OrderByDescending(e => e.EntityChangedAt).Take(PageSize);
6 else
7 return this .ObjectContext.MyEntity.Where(s => s.EntityID > 1 ).OrderByDescending(e => e.EntityChangedAt).Skip(PageSize * (CurrentPage - 1 )).Take(PageSize);
8 }
9
10   // 计算总页数
11   [Invoke]
12 public int GetEntityTotalPages( int PageSize)
13 {
14 return Int32.Parse(Math.Ceiling(Convert.ToDouble( this .ObjectContext.MyEntity.Where(s => s.EntityID > 1 ).Count()) / Convert.ToDouble(PageSize)).ToString());
15 }

Silverlight调用/in *.Xaml.cs（下一篇讲MVVM的方式）

接下来，就是在*.xaml.cs中获取服务器端数据了，代码都带注释了，应该很好懂：

1 public partial class MainPage : UserControl
2 {
3 private const int PageSize = 10 ;
4 private List < int > itemCount = new List < int > ();
5 private MyDomainContext d = new MyDomainContext(); // Ria Service Context
6
7 public MainPage()
8 {
9 InitializeComponent();
10
11 // 点击页码的事件，获取当前页的数据并绑定到DataGrid
12 this .dataPager1.PageIndexChanged += (s, e) =>
13 {
14 this .Cursor = Cursors.Wait;
15
16 d.Load < MyEntity > (d.GetMyEntitiesQuery(PageSize, ((DataPager)s).PageIndex + 1 ), lo =>
17 {
18 if ( ! lo.HasError)
19 {
20 PagedCollectionView pcv = new PagedCollectionView(lo.Entities);
21 this .dataGrid1.ItemsSource = pcv;
22 this .Cursor = Cursors.Arrow;
23 }
24 }, null );
25 };
26 }
27
28 // 按钮点击加载数据
29 private void button1_Click( object sender, RoutedEventArgs e)
30 {
31 this .Cursor = Cursors.Wait;
32
33 // 获得总的页码数，绑定到DataPager
34 d.GetEntityTotalPages(PageSize, s =>
35 {
36 if ( ! s.HasError)
37 {
38 int totalpagers = s.Value;
39
40 for ( int i = 1 ; i <= totalpagers; i ++ )
41 itemCount.Add(i);
42
43 PagedCollectionView pcv = new PagedCollectionView(itemCount);
44 pcv.PageSize = 1 ;
45 this .dataPager1.Source = pcv; // 这儿会自动触发this.dataPager1.PageIndexChanged事件
46 }
47 }, null );
48
49 }
50
51 }

前台Xaml代码就是拖一个DataGrid，拖一个DataPager，灰常简单，不写了。

Fiddler查看下载的真正数据

再次用Fiddler分析了一下客户端和服务端的数据，发现这个DataPager是“服务端分页”了。每次只返回一页数据。

不用源码了吧，都贴在文章里了。（下一篇我们把上面的前台代码用MVVM模式整理一下，清爽一点！）

Domain DataSource控件

如果你用的是Toolkit的DomainDataSource控件来处理paging, sorting, filtering ... 那就忽略本文，因为它每次是take=100，只取本页数据的，但这个控件不是MVVM模式，注意一下）

更强悍的服务器端分页/排序/过滤/搜索 - MVVM友好

看这一篇文章《EntityList<T>/DomainCollectionView<T>/DomainCollectionViewLoader<T>》