Paginazione di dati con il controllo DataPager in Silverlight 3.0
di Alessio Leoncini, in Silverlight 3.0, il 25 febbraio alle 08:00
Archiviato in: Silverlight, Silverlight 3.0, Silverlight 3.0 Guida Completa, Windows Presentation Foundation, XAML
Commenti 
mi piace (0)
non mi piace (0) Nello script #73 abbiamo visto come utilizzare una collezione statica come sorgente dati con l'engine di data binding. Grazie al controllo DataPager, presente nell'assembly System.Windows.Controls.Data.dll incluso nell'SDK, possiamo effettuare una paginazione dei dati, in modo da visualizzarne un numero limitato per volta.
Per poter essere paginata con il controllo DataPager, una sorgente dati deve implementare l'interfaccia IPagedCollectionView, possiamo elaborare una nostra collezione IEnumerable utilizzando la classe PagedCollectionView:
C#
public partial class MenuItemCollection : ObservableCollection<MenuItem> { public static MenuItemCollection Elements { get; set; } public static PagedCollectionView ElementsView { get; set; } static MenuItemCollection() { Elements = new MenuItemCollection() { new MenuItem(){ Num=1 , Name="Windows XP" , BackGroundImage="Images/WinXP.png" } , new MenuItem(){ Num=2 , Name="Windows Vista" , BackGroundImage="Images/WinVista.png" } //..... }; ElementsView = new PagedCollectionView(Elements); } }
VB.NET
Public Class MenuItemCollection Inherits ObservableCollection(Of MenuItem) Private Shared _elements As MenuItemCollection Public Shared Property Elements() As MenuItemCollection Get Return _elements End Get Set(ByVal value As MenuItemCollection) _elements = value End Set End Property Private Shared _elementsView As PagedCollectionView Public Shared Property ElementsView() As PagedCollectionView Get Return _elementsView End Get Set(ByVal value As PagedCollectionView) _elementsView = value End Set End Property Shared Sub New() Elements = New MenuItemCollection() With Elements .Add(New MenuItem() With {.Num = 1, .Name = "Windows XP", .BackGroundImage = ""}) .Add(New MenuItem() With {.Num = 2, .Name = "Windows Vista", .BackGroundImage = ""}) .Add(New MenuItem() With {.Num = 3, .Name = ".NET", .BackGroundImage = ""}) .Add(New MenuItem() With {.Num = 4, .Name = "XBOX 360", .BackGroundImage = ""}) .Add(New MenuItem() With {.Num = 5, .Name = "Silverlight", .BackGroundImage = ""}) .Add(New MenuItem() With {.Num = 6, .Name = "Zune", .BackGroundImage = ""}) .Add(New MenuItem() With {.Num = 7, .Name = "Azure", .BackGroundImage = ""}) .Add(New MenuItem() With {.Num = 8, .Name = "XBOX", .BackGroundImage = ""}) End With ElementsView = New PagedCollectionView(Elements) End Sub End Class
Infine, come abbiamo visto nello script #73, possiamo mettere in binding la proprietà ElementsView, di tipo PagedCollectionView, sia nel controllo DataPager che nell'ItemsControl, rispettivamente nelle proprietà Source e ItemsSource:
XAML
<ListBox ItemsSource="{Binding ElementsView, Source={StaticResource MenuItemCollection}}"> <ListBox.ItemTemplate> <DataTemplate> <TextBlock Text="{Binding Name}" /> </DataTemplate> </ListBox.ItemTemplate> </ListBox> <data:DataPager PageSize="3" Source="{Binding ElementsView, Source={StaticResource MenuItemCollection}}" />
È importante notare che la paginazione avviene lato client, cioè è esclusivamente visiva e i dati vengono comunque caricati completamente.
È possibile scaricare l'SDK di Silverlight 3.0 all'indirizzo http://www.microsoft.com/downloads/details.aspx?FamilyID=1ea49236-0de7-41b1-81c8-a126ff39975b&displaylang=en .
