下面是DataPager數(shù)據(jù)分頁(yè)控件演示效果：

     

接著介紹一下其使用方法。

首先，我們要新建一個(gè)Silverlight應(yīng)用，并添加對(duì)下面DLL的引用：

System.Windows.Data（其提供了PagedCollectionView類用于實(shí)現(xiàn)分頁(yè)綁定）

System.Windows.Controls.Data（分頁(yè)器控件DataPager所在DLL）

XAML文件頭部名空間聲明：

xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data" 

然后我們要在當(dāng)前XAML中放置一個(gè)DataGrid用于顯示列表數(shù)據(jù)，聲明如下：

<data:DataGridx:Namedata:DataGridx:Name="MyDataGrid"Grid.Column="0"Grid.Row="0"ItemsSource="{Binding}"/> 

為了演示不同顯示樣式(DisplayMode)的效果，下面根據(jù)其樣式分別加以聲明：

<data:DataPagerx:Namedata:DataPagerx:Name="FirstLastNumeric"Grid.Row="2"DisplayMode="FirstLastNumeric"Margin="0,0,0,4" 
HorizontalAlignment="Left"Source="{Binding}"NumericButtonCount="3"AutoEllipsis="True"/> 
<data:DataPagerx:Namedata:DataPagerx:Name="FirstLastPreviousNext"Grid.Column="0"Grid.Row="3"DisplayMode="FirstLastPreviousNext"  
Margin="0,0,0,4"HorizontalAlignment="Left"Source="{Binding}"NumericButtonCount="3"AutoEllipsis="True"/> 
<data:DataPagerx:Namedata:DataPagerx:Name="FirstLastPreviousNextNumeric"Grid.Column="0"Grid.Row="4"DisplayMode="FirstLastPreviousNextNumeric"  
Margin="0,0,0,4"HorizontalAlignment="Left"Source="{Binding}"NumericButtonCount="4"AutoEllipsis="True"/> 
<data:DataPagerx:Namedata:DataPagerx:Name="Numeric"Grid.Column="0"Grid.Row="5"DisplayMode="Numeric"HorizontalAlignment="Left" 
Margin="0,0,0,4"Source="{Binding}"NumericButtonCount="6"AutoEllipsis="False"/> 
<data:DataPagerx:Namedata:DataPagerx:Name="PreviousNext"Grid.Column="0"Grid.Row="6"DisplayMode="PreviousNext"Margin="0,0,0,4" 
HorizontalAlignment="Left"Source="{Binding}"NumericButtonCount="3"AutoEllipsis="False"/> 
<data:DataPagerx:Namedata:DataPagerx:Name="PreviousNextNumeric"Grid.Column="0"Grid.Row="7"DisplayMode="PreviousNextNumeric"Margin="0,0,0,4" 
HorizontalAlignment="Left"Source="{Binding}"NumericButtonCount="4"AutoEllipsis="False"/> 

好了，為了便于演示，我“硬編碼”了一個(gè)數(shù)據(jù)對(duì)象集合如下：

publicList<EmployeeInfo>GetEmployeeList()  
{  
List<EmployeeInfo>employeeList=newList<EmployeeInfo>();  
employeeList.Add(newEmployeeInfo{EmployeeID=1,EmployeeName="大林",Salary=1000,City="合肥"});  
employeeList.Add(newEmployeeInfo{EmployeeID=2,EmployeeName="小林",Salary=1000,City="合肥"});  
employeeList.Add(newEmployeeInfo{EmployeeID=3,EmployeeName="張三",Salary=1000,City="合肥"});  
employeeList.Add(newEmployeeInfo{EmployeeID=4,EmployeeName="李四",Salary=1500,City="天津"});  
employeeList.Add(newEmployeeInfo{EmployeeID=5,EmployeeName="王五",Salary=2000,City="上海"});  
employeeList.Add(newEmployeeInfo{EmployeeID=6,EmployeeName="趙六",Salary=-800,City="北京"});  
employeeList.Add(newEmployeeInfo{EmployeeID=7,EmployeeName="尤七",Salary=2100,City="武漢"});  
employeeList.Add(newEmployeeInfo{EmployeeID=8,EmployeeName="馬八",Salary=2300,City="?？?});  
employeeList.Add(newEmployeeInfo{EmployeeID=9,EmployeeName="許九",Salary=2300,City="?？?});  
employeeList.Add(newEmployeeInfo{EmployeeID=10,EmployeeName="代十",Salary=2300,City="?？?});  
returnemployeeList;  
}  
 
publicclassEmployeeInfo  
{  
publicintEmployeeID{set;get;}  
publicstringEmployeeName{set;get;}  
publicintSalary{set;get;}  
publicint[]Cost{get;set;}  
publicstringCity{set;get;}  
} 

接下來(lái)就是如何實(shí)現(xiàn)分頁(yè)，以及相關(guān)控件的數(shù)據(jù)綁定了，代碼位于MyDataPager.xaml.cs（詳見(jiàn)注釋）：

usingSystem.Windows.Data;  
 
 
publicMyDataPager()  
{  
InitializeComponent();  
PagedCollectionViewpcv=newPagedCollectionView(GetEmployeeList());  
pcv.PageSize=3;//一頁(yè)顯示三條記錄  
 
//列表控件數(shù)據(jù)源綁定  
MyDataGrid.DataContext=pcv;  
MyListBox.DataContext=pcv;  
 
//分頁(yè)控件數(shù)據(jù)源綁定  
FirstLastNumeric.DataContext=pcv;  
FirstLastPreviousNext.DataContext=pcv;  
FirstLastPreviousNextNumeric.DataContext=pcv;  
Numeric.DataContext=pcv;  
PreviousNext.DataContext=pcv;  
PreviousNextNumeric.DataContext=pcv;  
} 

是不是很好用，呵呵。當(dāng)然該控件還提供了NumericButtonCount屬性用于控制頁(yè)碼的數(shù)量，這在上面的XAML控件聲明時(shí)已使用，大家可以修改測(cè)試一下效果。

好的，今天的如何使用Silverlight的DataPager數(shù)據(jù)分頁(yè)控件就先到這里了。

【編輯推薦】

1. 微軟Silverlight 3挑戰(zhàn)Adobe AIR
2. RIA大戰(zhàn)在即 微軟Silverlight勝算幾何
3. 圖解Silverlight 3的7個(gè)新功能
4. Flash與Silverlight多領(lǐng)域?qū)崪y(cè)對(duì)比
5. Silverlight 3與Flash尚有差距