DataPager sur un ItemsControl

bonjour

voilà j'ai un itemsControl de cette forme:

Code:

---

1 2 3 4 5 6 7

<ItemsControl x:Name="monItemsControl" ItemsSource="{Binding MaListe, Mode=OneWay}"> <ItemsControl.ItemTemplate> <DataTemplate> ...... //mes infos à afficher </DataTemplate> </ItemsControl.ItemTemplate> </ItemsControl>

---

maintenant ce que je souahiterai faire, c'est d'utiliser un pager pour ne pas avoir 50 infos sur la même page (dans le cas d'un itemsControl bien rempli).

voici ce que j'ai donc ajouté sous mon itemsControl:

Code:

---

<sdk:DataPager Source="{Binding monItemsControl}" HorizontalAlignment="Center" PageSize="5" DisplayMode="PreviousNextNumeric" />

---

malheureusement ce pager ne fonctionne pas .. quelqu'un a t il une idée de l'erreur?

Bonjour,

La source de ton DataPager pointe vers ton ItemControl ce qui ne peut pas fonctionner comme tu l'as remarqué. Le DataPager fonctionne correctement avec un type de collection particulier que l'on appelle PagedCollectionView.

Regarde l'exemple inclus dans cette page :

http://msdn.microsoft.com/en-us/libr...(v=vs.95).aspx

oui je me doutai bien que c'était mon binding qui ne fonctionnait pas. l'exemple que tu m'as donné est simple et clair, mais je ne pense pas qu'il soit adapté à MVVM..

dans l'exemple la liste est remplie dans le code behind et le source du datapager est indiqué juste après.

là il faut que ça soit un peut plus "dynamique" pour que le pager d'adapte en fonction des modifs apportés à le source de données de mon itemsControl..

Coté MVVM, je ne pense pas que cela soit un problème :

Si tu remplaces le type de ta Liste de ObservableCollection à PagedCollectionView tu vas pouvoir faire du Binding sur la ListBox et le DataPager.

Citation:

---

dans l'exemple la liste est remplie dans le code behind et le source du datapager est indiqué juste après.

là il faut que ça soit un peut plus "dynamique" pour que le pager d'adapte en fonction des modifs apportés à le source de données de mon itemsControl..

---

Normalement, le DataPager "sait" gérer les changements qui peuvent intervenir dans les collections de type PagedCollectionView (ou ObservableCollection) en s'abonnant automatiquement à l'evenement CollectionChanged de la collection.

bon il y a plusieurs choses que m'échappent:
* dans mon view model, observable collection existe en effet mais le type PagedCollectionView non .. mais admettons sans ça je peux tout de même m'abonner à l'évènement dans ma vue

j'ai donc mis dans le code behind de mon xaml un traitement sur l'évènement

Code:

---

Locator.MonViewModel.MaListe.CollectionChanged

---

dans ce traitement j'ai mis:

Code:

---

1 2	PagedCollectionView itemListView = new PagedCollectionView(monItemsControl.ItemsSource); Monpager.Source = itemListView;

---

mais rien ne se passe.. peux tu me donner un exemple stp

pareil je viens de tester et je ne passe jamais dans mon collectionChanged, alors que mon observableCollection évolue...

ça serait plutot un truc comme ça :

coté MVVM :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

PagedCollectionView Items { get { ... }   set { ... // ici notification }   }   public void LoadItems() { // appel du WebService renvoyant les items en asyncrone // pour plus de simplicité l'evenement asyncrone n'est pas representé et le code de l'evenement se trouve à la suite this.Items = new PagedCollectionView(e.Result); // e.Result est le resultat du WebService et contient l'ObservableCollection que l'on transformer en PagedCollectionView. }

---

coté XAML :

Code:

---

1 2 3

<ItemsControl x:Name="monItemsControl" ItemsSource="{Binding Items}"> <sdk:DataPager Source="{Binding Items}" HorizontalAlignment="Center" PageSize="5" DisplayMode="PreviousNextNumeric" />

---

Il est important que la source l'ItemControls et le DataPager pointe vers la même collection.

ah c'est bon ça marche.. je ne voyais pas comment "lier" mon itemsControl a mon datapager, je ne pensais pas que c'était en utilisant tout simplement la même source de données.. c'est pratique en fait .. merci ;)