add more detailed examples of pagination

HandyControlDemo/HandyControlDemo.csproj

@@ -236,6 +236,7 @@
     <Compile Include="ViewModel\GrowlDemoViewModel.cs" />
     <Compile Include="ViewModel\ImageBrowserDemoViewModel.cs" />
     <Compile Include="ViewModel\MainViewModel.cs" />
+    <Compile Include="ViewModel\PaginationDemoViewModel.cs" />
     <Compile Include="ViewModel\StepBarDemoViewModel.cs" />
     <Compile Include="ViewModel\ViewModelLocator.cs" />
     <Compile Include="ViewModel\WindowDemoViewModel.cs" />

HandyControlDemo/Service/DataService.cs

@@ -43,6 +43,27 @@ namespace HandyControlDemo.Service
             return list;
         }
 
+        public List<DemoDataModel> GetDemoDataList(int count)
+        {
+            var list = new List<DemoDataModel>();
+            for (var i = 1; i <= count; i++)
+            {
+                var index = i % 6 + 1;
+                var model = new DemoDataModel
+                {
+                    Index = i,
+                    IsSelected = i % 2 == 0,
+                    Name = $"Name{i}",
+                    Type = (DemoType)index,
+                    ImgPath = $"/HandyControlDemo;component/Resources/Img/Avatar/avatar{index}.png",
+                    Remark = new string(i.ToString()[0], 10)
+                };
+                list.Add(model);
+            }
+
+            return list;
+        }
+
         internal List<string> GetComboBoxDemoDataList()
         {
             var converter = new StringRepeatConverter();

HandyControlDemo/UserControl/Controls/PaginationDemoCtl.xaml

@@ -2,8 +2,44 @@
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              Background="{DynamicResource RegionBrush}"
-             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl">
+             DataContext="{Binding PaginationDemo,Source={StaticResource Locator}}"
+             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
+             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
+             xmlns:i="clr-namespace:HandyControl.Interactivity;assembly=HandyControl">
     <controls:TransitioningContentControl>
-        <controls:Pagination Margin="32" Width="600" MaxPageCount="10" VerticalAlignment="Center"/>
+        <Grid Margin="32">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition/>
+            </Grid.RowDefinitions>
+            <controls:Pagination MaxPageCount="10" PageIndex="{Binding PageIndex}">
+                <i:Interaction.Triggers>
+                    <i:EventTrigger EventName="PageUpdated">
+                        <i:EventToCommand Command="{Binding PageUpdatedCmd}" PassEventArgsToCommand="True" />
+                    </i:EventTrigger>
+                </i:Interaction.Triggers>
+            </controls:Pagination>
+            <DataGrid IsReadOnly="True" Width="600" Margin="0,16,0,0" Grid.Row="1" HeadersVisibility="All" RowHeaderWidth="60" AutoGenerateColumns="False" ItemsSource="{Binding DataList}">
+                <DataGrid.RowHeaderTemplate>
+                    <DataTemplate>
+                        <CheckBox IsChecked="{Binding IsSelected,RelativeSource={RelativeSource FindAncestor,AncestorType=DataGridRow}}"/>
+                    </DataTemplate>
+                </DataGrid.RowHeaderTemplate>
+                <DataGrid.Columns>
+                    <DataGridTextColumn IsReadOnly="True" Width="80" CanUserResize="False" Binding="{Binding Index}" Header="{x:Static langs:Lang.Index}"/>
+                    <DataGridTemplateColumn Width="50" CanUserResize="False">
+                        <DataGridTemplateColumn.CellTemplate>
+                            <DataTemplate>
+                                <Image Source="{Binding ImgPath}" Width="32" Height="32" Stretch="Uniform"/>
+                            </DataTemplate>
+                        </DataGridTemplateColumn.CellTemplate>
+                    </DataGridTemplateColumn>
+                    <DataGridTextColumn Width="1*" Binding="{Binding Name}" Header="{x:Static langs:Lang.Name}"/>
+                    <DataGridCheckBoxColumn Width="100" CanUserResize="False" Binding="{Binding IsSelected}" Header="{x:Static langs:Lang.Selected}"/>
+                    <DataGridComboBoxColumn ItemsSource="{Binding Source={StaticResource DemoTypes}}" Width="100" CanUserResize="False" SelectedValueBinding="{Binding Type}" Header="{x:Static langs:Lang.Type}"/>
+                    <DataGridTextColumn Width="1*" Binding="{Binding Remark}" Header="{x:Static langs:Lang.Remark}"/>
+                </DataGrid.Columns>
+            </DataGrid>
+        </Grid>
     </controls:TransitioningContentControl>
 </UserControl>

HandyControlDemo/ViewModel/PaginationDemoViewModel.cs

@@ -0,0 +1,68 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using GalaSoft.MvvmLight;
+using GalaSoft.MvvmLight.CommandWpf;
+using HandyControl.Data;
+using HandyControlDemo.Data;
+using HandyControlDemo.Service;
+
+namespace HandyControlDemo.ViewModel
+{
+    public class PaginationDemoViewModel : ViewModelBase
+    {
+        /// <summary>
+        ///     所有数据
+        /// </summary>
+        private readonly List<DemoDataModel> _totalDataList;
+
+        /// <summary>
+        ///     显示的数据
+        /// </summary>
+        private List<DemoDataModel> _dataList;
+
+        /// <summary>
+        ///     显示的数据
+        /// </summary>
+        public List<DemoDataModel> DataList
+        {
+            get => _dataList;
+            set => Set(ref _dataList, value);
+        }
+
+        /// <summary>
+        ///     页码
+        /// </summary>
+        private int _pageIndex = 1;
+
+        /// <summary>
+        ///     页码
+        /// </summary>
+        public int PageIndex
+        {
+            get => _pageIndex;
+            set => Set(ref _pageIndex, value);
+        }
+
+        public PaginationDemoViewModel(DataService dataService)
+        {
+            _totalDataList = dataService.GetDemoDataList(100);
+            DataList = _totalDataList.Take(10).ToList();
+        }
+
+        /// <summary>
+        ///     页码改变命令
+        /// </summary>
+        public RelayCommand<FunctionEventArgs<int>> PageUpdatedCmd =>
+            new Lazy<RelayCommand<FunctionEventArgs<int>>>(() =>
+                new RelayCommand<FunctionEventArgs<int>>(PageUpdated)).Value;
+
+        /// <summary>
+        ///     页码改变
+        /// </summary>
+        private void PageUpdated(FunctionEventArgs<int> info)
+        {
+            DataList = _totalDataList.Skip((info.Info - 1) * 10).Take(10).ToList();
+        }
+    }
+}

HandyControlDemo/ViewModel/ViewModelLocator.cs

@@ -21,6 +21,7 @@ namespace HandyControlDemo.ViewModel
             SimpleIoc.Default.Register<WindowDemoViewModel>();
             SimpleIoc.Default.Register<ContributorsViewModel>();
             SimpleIoc.Default.Register<StepBarDemoViewModel>();
+            SimpleIoc.Default.Register<PaginationDemoViewModel>();
         }
 
         public static ViewModelLocator Instance => new Lazy<ViewModelLocator>(() =>
@@ -42,6 +43,8 @@ namespace HandyControlDemo.ViewModel
 
         public StepBarDemoViewModel StepBarDemo => ServiceLocator.Current.GetInstance<StepBarDemoViewModel>();
 
+        public PaginationDemoViewModel PaginationDemo => ServiceLocator.Current.GetInstance<PaginationDemoViewModel>();
+
         #endregion
     }
 }