项目中经常会有分页查询的情况，在WPF中我们可以通过用户控件完成分页
一下为分页控件的页面代码，
<UserControl x:Class="Foundation.UCtrl.NextPageControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
mc:Ignorable="d"
d:DesignHeight="" d:DesignWidth="">
<UserControl.Resources>
<Style x:Key="PageButton" TargetType="Button">
<Style.Triggers>
<EventTrigger RoutedEvent="Button.MouseEnter">
<BeginStoryboard>
<Storyboard >
<DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" To="" Duration="00:00:00.5000000" BeginTime=""/>
<DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" To="" Duration="00:00:00.5000000" BeginTime="" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger RoutedEvent="Button.MouseLeave">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" To="" Duration="00:00:00.5000000" BeginTime=""/>
<DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" To="" Duration="00:00:00.5000000" BeginTime=""/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger RoutedEvent="Button.Click">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" To="0.8" Duration="00:00:00.2000000" BeginTime="" AutoReverse="True"/>
<DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" To="0.8" Duration="00:00:00.2000000" BeginTime="" AutoReverse="True"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Style.Triggers>
</Style>
</UserControl.Resources>
<Grid Height="" Width="">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="232*"/>
<ColumnDefinition Width="58*"/>
<ColumnDefinition Width="58*"/>
<ColumnDefinition Width="58*"/>
<ColumnDefinition Width="58*"/>
<ColumnDefinition Width="78*"/>
</Grid.ColumnDefinitions>
<StackPanel Orientation="Horizontal" Grid.Column="">
<Label FontSize="" Margin="0 7 0 0" Foreground="#FF3575A0" Content="共"/>
<Label FontSize="" Margin="0 7 0 0" Foreground="#FF3575A0" Content="{Binding Path=TotalPage,Mode=TwoWay}" Name="lblTotalPage" />
<Label FontSize="" Margin="0 7 0 0" Foreground="#FF3575A0" Content="页"/>
<Label FontSize="" Margin="0 7 0 0" Foreground="#FF3575A0" Content="当前第"/>
<Label FontSize="" Margin="0 7 0 0" Foreground="#FF3575A0" Name="lblCurrentPage" Content="{Binding Path=CurrentPage,Mode=TwoWay}" />
<Label FontSize="" Margin="0 7 0 0" Foreground="#FF3575A0" Content="页"/>
<Label FontSize="" Margin="0 7 0 0" Foreground="#FF3575A0" Content="每页 "/>
<Label FontSize="" Margin="0 7 0 0" Foreground="#FF3575A0" Name="lblPageSize" Content="{Binding Path=PageSize,Mode=TwoWay}"/>
<Label FontSize="" Margin="0 7 0 0" Foreground="#FF3575A0" Content=" 条"/>
</StackPanel>
<Button Width="" Height="" Style="{StaticResource PageButton}" Grid.Column="" BorderThickness="" Name="btnFrist" Click="btnFrist_Click" Cursor="Hand">
<Button.RenderTransform>
<ScaleTransform CenterX="" CenterY="" ScaleX="" ScaleY=""/>
</Button.RenderTransform>
<Button.Template>
<ControlTemplate>
<Image Source="/Images\NextPage\button_begin.png"/>
</ControlTemplate>
</Button.Template>
</Button>
<Button Width="" Height="" Style="{StaticResource PageButton}" Grid.Column="" BorderThickness="" Name="btnRew" Click="btnRew_Click" Cursor="Hand">
<Button.RenderTransform>
<ScaleTransform CenterX="" CenterY="" ScaleX="" ScaleY=""/>
</Button.RenderTransform>
<Button.Template>
<ControlTemplate>
<Image Source="/Images\NextPage\button_rew.png"/>
</ControlTemplate>
</Button.Template>
</Button>
<Button Width="" Height="" Style="{StaticResource PageButton}" Grid.Column="" BorderThickness="" Name="btnFF" Click="btnFF_Click" Cursor="Hand">
<Button.RenderTransform>
<ScaleTransform CenterX="" CenterY="" ScaleX="" ScaleY=""/>
</Button.RenderTransform>
<Button.Template>
<ControlTemplate>
<Image Source="/Images\NextPage\button_ff.png"/>
</ControlTemplate>
</Button.Template>
</Button>
<Button Width="" Height="" Style="{StaticResource PageButton}" Grid.Column="" BorderThickness="" Name="btnLast" Click="btnLast_Click" Cursor="Hand">
<Button.RenderTransform>
<ScaleTransform CenterX="" CenterY="" ScaleX="" ScaleY=""/>
</Button.RenderTransform>
<Button.Template>
<ControlTemplate>
<Image Source="/Images\NextPage\button_end.png"/>
</ControlTemplate>
</Button.Template>
</Button>
<Button Width="" Height="" Style="{StaticResource PageButton}" Grid.Column="" BorderThickness="" Name="btnRefresh" Click="btnRefresh_Click" Cursor="Hand">
<Button.RenderTransform>
<ScaleTransform CenterX="" CenterY="" ScaleX="" ScaleY=""/>
</Button.RenderTransform>
<Button.Template>
<ControlTemplate>
<Image Source="/Images\NextPage\button_rotate_ccw.png"/>
</ControlTemplate>
</Button.Template>
</Button>
</Grid>
</UserControl>
NextPageControl的后台代码
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes; namespace TestNextPage
{
/// <summary>
/// NextPageControl.xaml 的交互逻辑
/// </summary>
public partial class NextPageControl : UserControl
{
//定义一个委托
public delegate void PageChangedHandle(object sender, EventArgs e);
//定义一个事件
public event PageChangedHandle PageChanged; public NextPageControl()
{
InitializeComponent(); }
//总页数
private int totalPage = ;
/// <summary>
/// 当前页
/// </summary>
private int currentPage = ; #region 每页显示的条数
/// <summary>
/// 注册当前页
/// </summary>
public static readonly DependencyProperty PageSizeProperty = DependencyProperty.Register("PageSize", typeof(String),
typeof(NextPageControl), new FrameworkPropertyMetadata("", FrameworkPropertyMetadataOptions.AffectsMeasure), new ValidateValueCallback(CurrentPageValidation)); /// <summary>
/// 验证当前页
/// </summary>
/// <param name="value"></param>
/// <returns></returns>
public static bool PageSizeValidation(object value)
{
return true;
}
/// <summary>
/// 当前页
/// </summary>
public string PageSize
{
get { return GetValue(NextPageControl.PageSizeProperty).ToString(); }
set
{
SetValue(NextPageControl.PageSizeProperty, value);
lblPageSize.Content = value;
}
}
#endregion #region 当前页
/// <summary>
/// 注册当前页
/// </summary>
public static readonly DependencyProperty CurrentPageProperty = DependencyProperty.Register("CurrentPage", typeof(String),
typeof(NextPageControl), new FrameworkPropertyMetadata("", FrameworkPropertyMetadataOptions.AffectsMeasure, new PropertyChangedCallback(OnCurrentPageChanged)), new ValidateValueCallback(CurrentPageValidation)); /// <summary>
/// 验证当前页
/// </summary>
/// <param name="value"></param>
/// <returns></returns>
public static bool CurrentPageValidation(object value)
{
return true;
}
/// <summary>
/// 当前页
/// </summary>
public string CurrentPage
{
get { return GetValue(NextPageControl.CurrentPageProperty).ToString(); }
set
{
SetValue(NextPageControl.CurrentPageProperty, value); lblCurrentPage.Content = value;
}
} #endregion #region 总页数
/// <summary>
/// 总页数
/// </summary>
public static readonly DependencyProperty TotalPageProperty = DependencyProperty.Register("TotalPage", typeof(String), typeof(NextPageControl), new FrameworkPropertyMetadata("", FrameworkPropertyMetadataOptions.AffectsMeasure, new PropertyChangedCallback(OnTotalPageChanged)), new ValidateValueCallback(TotalPageValidation)); /// <summary>
/// 总页数进行验证
/// </summary>
/// <param name="value"></param>
/// <returns></returns>
public static bool TotalPageValidation(object value)
{
return true;
}
/// <summary>
/// 总页数
/// </summary>
public string TotalPage
{
get { return GetValue(NextPageControl.TotalPageProperty).ToString(); }
set
{
SetValue(NextPageControl.TotalPageProperty, value); }
} #endregion #region 私有方法
/// <summary>
/// 值改变方法将由此方法来引发事件
/// </summary>
private void PageChangedFunc()
{
if (PageChanged != null)
{
///引发事件
PageChanged(this, new EventArgs());
}
} #endregion /// <summary>
/// 首页
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void btnFrist_Click(object sender, RoutedEventArgs e)
{
CurrentPage = "";
PageChangedFunc(); }
/// <summary>
/// 前一页
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void btnRew_Click(object sender, RoutedEventArgs e)
{
totalPage = GetIntVal(TotalPage);
currentPage = GetIntVal(CurrentPage);
if (currentPage > )
{
currentPage = currentPage - ;
CurrentPage = currentPage.ToString();
}
PageChangedFunc();
}
/// <summary>
/// 后一页
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void btnFF_Click(object sender, RoutedEventArgs e)
{
currentPage = GetIntVal(CurrentPage);
totalPage = GetIntVal(TotalPage);
if (currentPage < totalPage)
{
currentPage = currentPage + ;
CurrentPage = currentPage.ToString();
}
PageChangedFunc();
}
//尾页
private void btnLast_Click(object sender, RoutedEventArgs e)
{
currentPage = GetIntVal(TotalPage);
CurrentPage = currentPage.ToString();
PageChangedFunc();
} /// <summary>
/// 刷新当前页
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void btnRefresh_Click(object sender, RoutedEventArgs e)
{
PageChangedFunc();
} private int GetIntVal(string val)
{
int temp = ;
if (!int
.TryParse(val, out temp))
{
temp = ;
}
return temp;
}
/// <summary>
/// 当当前页值改变
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private static void OnTotalPageChanged(DependencyObject sender, DependencyPropertyChangedEventArgs e)
{ //MyButton hsb = (MyButton)sender;
// SetValue(NextPageControl.CurrentPageProperty, "1");
// SetFunc();
//Image image = hsb.tehImage;
//CurrentPage = "1";
//image.Source = new BitmapImage((Uri)e.NewValue);
}
/// <summary>
/// 当当前页值改变
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private static void OnCurrentPageChanged(DependencyObject sender, DependencyPropertyChangedEventArgs e)
{ //MyButton hsb = (MyButton)sender;
// SetValue(NextPageControl.CurrentPageProperty, "1");
// ShowMsg("event");
//Image image = hsb.tehImage;
//CurrentPage = "1";
//image.Source = new BitmapImage((Uri)e.NewValue);
} }
}
在完成分页控件以后
定义View,注意View中需要添加System.Windows.Interactivity 这个Dll
xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
需要通过它来转换事件toCommand
<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:TestNextPage" x:Class="TestNextPage.MainWindow"
Title="MainWindow" Height="" Width="">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height=""></RowDefinition>
<RowDefinition Height="*"></RowDefinition>
<RowDefinition Height=""></RowDefinition>
</Grid.RowDefinitions>
<StackPanel Orientation="Horizontal" Grid.Row="">
<Button Content="查询" Command="{Binding Path=QueryCommand}"/>
</StackPanel>
<DataGrid Grid.Row=""
HeadersVisibility="Column" VerticalGridLinesBrush="WhiteSmoke"
AutoGenerateColumns="False" CanUserAddRows="False" SelectionUnit="FullRow"
ItemsSource="{Binding Path=ArchiveModels,Mode=TwoWay}" >
<DataGrid.Columns>
<DataGridTextColumn Header="文件编号" Width="" IsReadOnly="True" Binding="{Binding Path=Id}"/>
<DataGridTextColumn Header="文件名称" Width="" IsReadOnly="True" Binding="{Binding Path=ArchiveName}" />
</DataGrid.Columns>
</DataGrid>
<local:NextPageControl Grid.Row="" x:Name="nextPageControl1" TotalPage="{Binding Path=TotalPage,Mode=TwoWay}" PageSize="{Binding Path=PageSize,Mode=TwoWay}" CurrentPage="{Binding Path=CurrentPage,Mode=TwoWay}">
<i:Interaction.Triggers>
<i:EventTrigger EventName="PageChanged">
<i:InvokeCommandAction Command="{Binding Path=NextPageSearchCommand, Mode=TwoWay}" />
</i:EventTrigger>
</i:Interaction.Triggers>
</local:NextPageControl>
</Grid> </Window>
后台
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes; namespace TestNextPage
{
/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
var vm = new MainWindowViewModel();
DataContext = vm;
}
}
}
ViewModel代码
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using GalaSoft.MvvmLight.CommandWpf; namespace TestNextPage
{
public class MainWindowViewModel : BaseViewModel
{
public MainWindowViewModel()
{
InitTestData();
} private ObservableCollection<ArchiveModel> _archiveModels;
public ObservableCollection<ArchiveModel> ArchiveModels
{
get { return _archiveModels; }
set
{
_archiveModels = value;
RaisePropertyChanged();
} }
public RelayCommand QueryCommand { get; set; } private async void QueryCommandFunc()
{
await Task.Run(() =>
{
int totalCount = ;
ArchiveModels = GetData(PageSize, out totalCount);
if (totalCount % PageSize == )
{
TotalPage = (totalCount / PageSize).ToString();
}
else
{
TotalPage = ((totalCount / PageSize) + ).ToString();
} });
} #region 分页相关属性 /// <summary>
/// 分页查询命令
/// </summary>
private async void NextPageSearchCommandFunc()
{
await Task.Run(() =>
{
var pageIndex = Convert.ToInt32(CurrentPage);
ArchiveModels = QueryData(pageIndex, PageSize);
});
}
private string _totalPage = string.Empty;
/// <summary>
/// 总页数
/// </summary>
public string TotalPage
{
get { return _totalPage; }
set
{
_totalPage = value;
RaisePropertyChanged();
}
} private string _currentPage = "";
/// <summary>
/// 当前页
/// </summary>
public string CurrentPage
{
get { return _currentPage; }
set
{
_currentPage = value;
RaisePropertyChanged();
}
} private int _pageSize = ;
/// <summary>
/// 每页显示的记录数
/// </summary>
public int PageSize
{
get { return _pageSize; }
set
{
_pageSize = value;
RaisePropertyChanged();
}
}
private int _pageIndex;
private int _totalCount;
public int PageIndex
{
get { return _pageIndex; }
set
{
_pageIndex = value; RaisePropertyChanged();
}
} public int TotalCount
{
get { return _totalCount; }
set
{
_totalCount = value; RaisePropertyChanged();
}
}
/// <summary>
/// 分页管理
/// </summary>
public RelayCommand NextPageSearchCommand { get; set; } #endregion private ObservableCollection<ArchiveModel> GetData(int pageSize, out int totalCount)
{
totalCount = ;
var data = new ObservableCollection<ArchiveModel>();
for (int i = ; i < pageSize; i++)
{
data.Add(new ArchiveModel() { Id = i + , ArchiveName = string.Format("ArchiveName{0}", i) });
}
return data;
} private ObservableCollection<ArchiveModel> QueryData(int pageIndex, int pageSize)
{
var data = new ObservableCollection<ArchiveModel>();
for (int i = ; i < pageSize; i++)
{
data.Add(new ArchiveModel() { Id = (pageIndex - ) * pageSize + i, ArchiveName = string.Format("ArchiveName{0}", i) });
}
return data;
} private void InitTestData()
{
QueryCommand = new RelayCommand(QueryCommandFunc);
NextPageSearchCommand = new RelayCommand(NextPageSearchCommandFunc); }
}
}
那么附件就是这个分页示例吧
http://files.cnblogs.com/files/koujian/TestNextPage.rar