一个简单WPF分页条控件

分享一个自己在用的简单WPF分页条控件。

1、xaml

<UserControl x:Class="app.component.Pager"
             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" Loaded="UserControl_Loaded">

	<Grid>
		<StackPanel Orientation="Horizontal">
			<TextBlock Height="20" Margin="5">
				<TextBlock Text="当前" />
				<TextBlock Name="currentCountTbk" Foreground="Red" />
				<TextBlock Text="条记录，共" />
				<TextBlock Name="totalCountTbk" Foreground="Red" />
				<TextBlock Text="条  " />
				<TextBlock Text="第" />
				<TextBlock Name="pageNoTbk" Foreground="Red" />
				<TextBlock Text="/" />
				<TextBlock Name="pageCountTbk" Foreground="Red" />
				<TextBlock Text="页 " />
			</TextBlock>

			<TextBlock Text="每页显示" Margin="5"/>
			<TextBox Name="pageSizeTb" Text="" Width="25" Height="20" />
			<Button Content="设置" Click="setPageSizeBtn_Click" Height="22"/>
			<TextBlock Text="   " />

			<Button Name="firstPageBtn" Content="首页"  VerticalAlignment="Center" Click="firstPageBtn_Click"/>
			<Button Name="prePageBtn" Content="上一页"  VerticalAlignment="Center" Click="prePageBtn_Click"/>
			<Button Name="nextPageBtn" Content="下一页"  VerticalAlignment="Center" Click="nextPageBtn_Click"/>
			<Button Name="lastPageBtn" Content="末页"  VerticalAlignment="Center" Click="lastPageBtn_Click"/>

			<TextBlock Text="  转到" Margin="5"/>
			<TextBox Name="gotoPageNoTb" Text="" Width="25" Height="20" />
			<TextBlock Text="页" Margin="5"/>
			<Button Content=" GO " Click="gotoBtn_Click" Height="22"/>
			<TextBlock Text="  " />
			<Button Content="刷新" Click="refreshBtn_Click" Height="22"/>
		</StackPanel>
	</Grid>

</UserControl>

2、后台代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
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;
using System.Text.RegularExpressions;
using System.Data;
using app.component;

namespace app.component {

	/// <summary>
	/// Pager.xaml 的交互逻辑
	/// </summary>
	public partial class Pager : UserControl {

		private int pageNo = 1;  // 当前页
		private int pageSize = 5;  // 每页记录数
		private int totalCount = 0;  // 总记录数
		private int currentCount = 0; // 当前页记录数
		private int pageCount = 1;  // 总页数

		private bool gotoFirstPageAfterLoaded = true;  // 控件初始化后是否自动加载第一页数据

		private bool hasInit = false;

		public Pager() {
			InitializeComponent();

			this.prePageBtn.IsEnabled = false;
		}

		/// <summary>
		/// 获取数据委托，返回总记录数
		/// </summary>
		/// <param name="pageNo">请求页</param>
		/// <param name="pageSize">每页记录数</param>
		/// <returns>总记录数</returns>
		public delegate int GetDataDelegate(int pageNo, int pageSize);
		private GetDataDelegate getDataDelegateHandler;

		/// <summary>
		/// 刷新当前页
		/// </summary>
		public void Refresh() {
			GotoPage(pageNo);
		}

		public void GotoFirstPage() {
			GotoPage(1);
		}

		public void GotoLastPage() {
			GotoPage(pageCount);
		}

		public void GotoPage(int pageNo) {
			if (pageNo <= 0) {
				pageNo = 1;
			}

			this.pageNo = pageNo;

			try {
				totalCount = getDataDelegateHandler(pageNo, pageSize);
				pageCount = totalCount % pageSize == 0 ? totalCount / pageSize : (totalCount / pageSize + 1);
				currentCount = pageNo == pageCount ? (totalCount - (pageNo - 1) * pageSize) : pageSize;

				// 页码显示
				this.currentCountTbk.Text = currentCount + "";
				this.totalCountTbk.Text = totalCount + "";
				this.pageNoTbk.Text = pageNo + "";
				this.pageCountTbk.Text = pageCount + "";
				this.pageSizeTb.Text = pageSize + "";

				// 按钮状态
				this.prePageBtn.IsEnabled = pageNo > 1 ? true : false;
				this.firstPageBtn.IsEnabled = pageNo > 1 ? true : false;
				this.nextPageBtn.IsEnabled = pageNo < pageCount ? true : false;
				this.lastPageBtn.IsEnabled = pageNo < pageCount ? true : false;
			} catch (Exception) {
				this.pageNoTbk.Text = "";
				this.pageCountTbk.Text = "";
			}
		}

		// 设置页显示记录数 
		private void setPageSizeBtn_Click(object sender, RoutedEventArgs e) {
			try {
				int pageSize = Convert.ToInt32(this.pageSizeTb.Text);
				if (pageSize > 0) {
					this.pageSize = pageSize;
					this.GotoFirstPage();
				} else {
					this.pageSizeTb.Text = this.pageSize + "";
				}
			} catch (Exception) {
				this.pageSizeTb.Text = this.pageSize + "";
			}
		}

		// 首页事件   
		private void firstPageBtn_Click(object sender, RoutedEventArgs e) {
			GotoFirstPage();
		}

		// 上一页事件   
		private void prePageBtn_Click(object sender, RoutedEventArgs e) {
			if (pageNo > 1) {
				pageNo -= 1;
				GotoPage(pageNo);
			}
		}

		// 下一页事件  
		private void nextPageBtn_Click(object sender, RoutedEventArgs e) {
			if (pageNo == 1 || pageNo < pageCount) {
				pageNo += 1;
				GotoPage(pageNo);
			}
		}

		// 末页事件  
		private void lastPageBtn_Click(object sender, RoutedEventArgs e) {
			GotoLastPage();
		}

		// 跳转事件  
		private void gotoBtn_Click(object sender, RoutedEventArgs e) {
			try {
				int pageNo = Convert.ToInt32(this.gotoPageNoTb.Text);
				if (pageNo >= 1 && pageNo <= pageCount) {
					GotoPage(pageNo);
				} else {
					MessageBox.Show("请输入正确的页码范围：1 ~ " + pageCount);
				}
			} catch (Exception) {
			}
		}

		// 刷新
		private void refreshBtn_Click(object sender, RoutedEventArgs e) {
			Refresh();
		}

		private void UserControl_Loaded(object sender, RoutedEventArgs e) {
			if (!hasInit) {
				if (gotoFirstPageAfterLoaded) {
					GotoPage(1);
				}
				
				hasInit = true;
			}
		}

		// getter setter

		public int PageSize {
			get {
				return pageSize;
			}
			set {
				if (value > 0) {
					pageSize = value;
				}
			}
		}

		/// <summary>
		/// 控件初始化后是否自动加载第一页数据
		/// </summary>
		public bool GotoFirstPageAfterLoaded {
			get {
				return gotoFirstPageAfterLoaded;
			}
			set {
				gotoFirstPageAfterLoaded = value;
			}
		}

		public Pager.GetDataDelegate GetDataDelegateHandler {
			set {
				getDataDelegateHandler = value;
			}
		}
		
	}

}

3、调用示例

xmlns:app="clr-namespace:app.component"

<app:Pager x:Name="pager" PageSize="5" GetDataDelegateHandler="LoadData" />

/// <summary>
/// 分页控件回调函数，返回总记录数
/// </summary>
/// <param name="pageNo">页码，由分页控件传入</param>
/// <param name="pageSize">页面记录大小，由分页控件传入</param>
/// <returns></returns>
private int LoadData(int pageNo, int pageSize) {
	Page<Dic> page = this.dicInfoService.GetDicList(pageNo, pageSize, "asc", "id", new Dic());

	ObservableCollection<Dic> items = new ObservableCollection<Dic>();
	foreach (Dic item in page.ResultList) {
		items.Add(item);
	}

	this.dataGrid.DataContext = items;

	return page.Total;
}

4、效果图