WPF：DataGrid分页实现

最新推荐文章于 2024-06-21 11:07:15 发布
置顶 最新推荐文章于 2024-06-21 11:07:15 发布
阅读量1.6k 收藏 3
点赞数
分类专栏： WPF 文章标签： 分页 mvvm wpf binding
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/UIH_wy/article/details/38171387
版权

闲来无事，用WPF实现了一个分页功能，利用MVVM设计模式。

Model：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using ListView.Service;


namespace ListView.Models
{
    public class PerSonModel:NotificationObject
    {
        private string name = string.Empty;
        public string Name
        {
            set { name = value;}
            get { return name; }
        }


        private string id = string.Empty;
        public string ID
        {
            set { id = value; }
            get { return id; }
        }


        private string age;
        public  string Age
        {
            set { age = value; }
            get { return age; }
        }


        private string sex = string.Empty;
        public  string Sex
        {
            set { sex = value; }
            get { return sex; }
        }


        private string addr = string.Empty;
        public string Addr
        {
            set { addr = value; }
            get { return addr; }
        }


        private string telephone = string.Empty;
        public string Telephone
        {
            set { telephone = value; }
            get { return telephone; }
        }
    }
}



ViewModel： 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Collections.ObjectModel;
using ListView.Models;
using ListView.Service;
using System.Xml;
using System.Threading.Tasks;

namespace ListView.ViewModels
{
    public class ViewModel : NotificationObject
    {
        private static long id = 0;
        public event Action InvalidPage;

        #region property
        private List<PerSonModel> personist = new List<PerSonModel>();    //保存所有<span style="font-family: Arial, Helvetica, sans-serif;">PerSonModel</span>数据
        public List<PerSonModel> PerSonList
        {
            set
            {
                personist = value;
                RaisePropertyChanged("TotalSize");
            }
            get { return personist; }
        }

        private ObservableCollection<PerSonModel> currentshowlist = new ObservableCollection<PerSonModel>();
        public ObservableCollection<PerSonModel> CurrentShowList  <span style="font-family: Arial, Helvetica, sans-serif;">//当前显示在DataGrid中的数据</span>

        {
            set { currentshowlist = value; }
            get { return currentshowlist; }
        }

        private List<PerSonModel> tlist = new List<PerSonModel>();
        public List<PerSonModel> Tlist  <span style="font-family: Arial, Helvetica, sans-serif;">//对应Xml中的数据</span>
        {
            set { tlist = value; }
            get { return tlist; }
        }

        private long totalpagesize;
        public long TotalPageSize  //总页数
        {
            set
            {
                totalpagesize = value;
                RaisePropertyChanged("TotalPageSize");
                if (totalpagesize > 0)
                {
                    CurrentPage = 1;
                }
            }
            get
            {
                return totalpagesize;
            }
        }

        private readonly long pagesize = 30;
        public long PageSize  //每页数据
        {
            get { return pagesize; }
        }

        private long currentpage;
        public long CurrentPage
        {
            set
            {
                if (value > 0 && value <= TotalPageSize)
                {
                    currentpage = value;
                    if (value == 1)
                    {
                        IsPreviousEnabled = false;
                    }
                    else
                    {
                        IsPreviousEnabled = true;
                    }
                    IsNextPageEnabled = true;
                    RaisePropertyChanged("CurrentPage");
                }
                if (value >= TotalPageSize)
                {
                    IsPreviousEnabled = true;
                    IsNextPageEnabled = false;
                }
            }
            get { return currentpage; }
        }

        private bool isnextpageisenabled;
        public bool IsNextPageEnabled  <span style="font-family: Arial, Helvetica, sans-serif;">//下一页按钮是否可用</span>
        {
            set { isnextpageisenabled = value; RaisePropertyChanged("IsNextPageEnabled"); }
            get { return isnextpageisenabled; }
        }

        private bool ispreviouspageenabled;
        public bool IsPreviousEnabled  /<span style="font-family: Arial, Helvetica, sans-serif;">/上一页按钮是否可用</span>

        { 
            set { ispreviouspageenabled = value; RaisePropertyChanged("IsPreviousEnabled"); }
            get { return ispreviouspageenabled; }
        }

        private string inputpage;
        public string InputPage  //文本框输入的页码
        {
            set
            {
                long gopage;
                if (long.TryParse(value,out gopage))
                {
                    inputpage = value;
                    RaisePropertyChanged("InputPage");
                }
                else
                {
                    OnInvalidPage();
                }
            }
            get { return inputpage; }
        }

        private RelayCommand nextpagecommond;
        public RelayCommand NextPageCommand
        {
            get
            {
                if (nextpagecommond == null)
                {
                    nextpagecommond = new RelayCommand(SwitchToNextPage);
                }
                return nextpagecommond;
            }
        }

        private RelayCommand previouspagecommand;
        public RelayCommand PreviousCommand
        {
            get
            {
                if (previouspagecommand == null)
                {
                    previouspagecommand = new RelayCommand(SwitchToPreviousPage);
                }
                return previouspagecommand;
            }
        }

        private RelayCommand gocommand;
        public RelayCommand GoCommand  //跳转到对应的页码
        {
            get
            {
                if (gocommand == null)
                {
                    gocommand = new RelayCommand(GoInputPage);
                }
                return gocommand;
            }
        }
        #endregion property

        #region Event
        public void OnInvalidPage()
        {
            if (InvalidPage != null)
            {
                InvalidPage();
            }
        }
        #endregion
        public ViewModel()
        {
            InitPersonList();
        }
        private void InitPersonList()  //初始化，从Xml中获取数据，由于数据比较少，反复添加
        {
            XmlDocument doc = new XmlDocument();
            doc.Load(@"../../Datas/PerSon.xml");
            XmlNode root = doc.SelectSingleNode("/PerSons");
            if (root.HasChildNodes)
            {
                XmlNodeList nodelist = doc.SelectNodes("/PerSons/PerSon");
                foreach (XmlNode node in nodelist)
                {
                    PerSonModel person = new PerSonModel()
                        {
                            Name = node.Attributes["Name"].Value,
                            ID = (++id).ToString(),
                            Age = node.Attributes["Age"].Value,
                            Sex = node.Attributes["Sex"].Value,
                            Addr = node.Attributes["Addr"].Value,
                            Telephone = node.Attributes["Tel"].Value
                        };
                    PerSonList.Add(person);
                    Tlist.Add(person);
                }
            }

            for (int i = 0; i < 1000; i++)
            {
                for (int j = 0; j < Tlist.Count; j++)
                {
                    PerSonModel person = new PerSonModel()
                    {
                        Name = Tlist[j].Name,
                        ID = (++id).ToString(),
                        Age = Tlist[j].Age,
                        Sex = Tlist[j].Sex,
                        Addr = Tlist[j].Addr,
                        Telephone = Tlist[j].Telephone
                    };
                    PerSonList.Add(person);
                }
            }

            if (PerSonList.Count % PageSize == 0)
            {
                TotalPageSize = PerSonList.Count / PageSize;
            }
            else
            {
                TotalPageSize = PerSonList.Count / PageSize + 1;
            }
            if (PerSonList.Count > PageSize)
            {
                for (int i = 0; i < PageSize; i++)
                {
                    CurrentShowList.Add(PerSonList[i]);
                }
            }
            else
            {
                for (int i = 0; i < PerSonList.Count; i++)
                {
                    CurrentShowList.Add(PerSonList[i]);
                }
            }
        }

        private void SwitchToNextPage()
        {
            ++CurrentPage; 
            GetList(CurrentPage - 1);
        }

        private void SwitchToPreviousPage()
        {
            --CurrentPage;
            GetList(CurrentPage - 1);
        }

        private void GetList(long index)
        {
            CurrentShowList.Clear();
            var query = from person in PerSonList select person;
            var collection = query.Skip((int)(index * PageSize)).Take((int)PageSize);
            foreach (var p in collection)
            {
                CurrentShowList.Add(p);
            }
        }

        private void GoInputPage()
        {
           long gopage;
           if (long.TryParse(InputPage, out gopage))
           {
               if (gopage >= 1 && gopage <= TotalPageSize)
               {
                   CurrentPage = gopage;
                   GetList(CurrentPage - 1);
               }
               else
               {
                   OnInvalidPage();
               }
           }
        }
    }
}


Xaml： 

<Window x:Class="ListView.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="400" Width="525">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="5*"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <DataGrid x:Name="pList" AutoGenerateColumns="False" CanUserAddRows="False">
            <DataGrid.Columns>
                <DataGridTextColumn Header="Name" Width="60" Binding="{Binding Name}"/>
                <DataGridTextColumn Header="ID" Width="60" Binding="{Binding ID}"/>
                <DataGridTextColumn Header="Age" Width="50" Binding="{Binding Age}"/>
                <DataGridTextColumn Header="Sex" Width="50" Binding="{Binding Sex}"/>
                <DataGridTextColumn Header="Tel" Width="100" Binding="{Binding Telephone}"/>
                <DataGridTextColumn Header="Address" Width="Auto" Binding="{Binding Addr}"/>
            </DataGrid.Columns>
        </DataGrid>
        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <StackPanel  Orientation="Horizontal">
                <Label Width="30" Margin="20,20,0,10" Content="{Binding CurrentPage}"/>
                <Label Width="15" Margin="0,20,0,10" Content="/"/>
                <Label Width="30" Margin="0,20,40,10" Content="{Binding TotalPageSize}"/>
            </StackPanel>

            <Button Grid.Column="1" Width="80" Height="30" Content="上一页" IsEnabled="{Binding IsPreviousEnabled}" Command="{Binding PreviousCommand}"/>
            <Button Grid.Column="2" Width="80" Height="30" Content="下一页" IsEnabled="{Binding IsNextPageEnabled}" Command="{Binding NextPageCommand}"/>
            <TextBox Grid.Column="3" Width="80" Height="25" Text="{Binding InputPage}"/>
            <Button Grid.Column="4" Width="50" Height="30" Content="Go" Command="{Binding GoCommand}"/>
        </Grid>
        
    </Grid>
</Window>

Xaml后端： 

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 ListView.ViewModels;

namespace ListView
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        ViewModel vm = new ViewModel();
        public MainWindow()
        {
            InitializeComponent();
            vm.InvalidPage += InvalidPage; 
            this.DataContext = vm;
            pList.ItemsSource = vm.CurrentShowList;
        }
 
        private void InvalidPage()   //输入非法值提示
        {
            MessageBox.Show("请输入正确的页码！");
        }
    }
}


Xml:提供数据 

<?xml version="1.0" encoding="utf-8" ?>
<PerSons>
  <PerSon Name = "刘明浩" Age = "25" Sex = "Male" Tel = "15111009988" Addr = "河南省洛阳市"/>
  <PerSon Name = "黄花" Age = "21" Sex = "Male" Tel = "13119080010" Addr = "安徽省黄山市"/>
  <PerSon Name = "李珍" Age = "25" Sex = "Female" Tel = "13220981234" Addr = "上海市静安区"/>
</PerSons>

Service辅助类： 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.ComponentModel;

namespace ListView.Service
{
    public class NotificationObject : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        public void RaisePropertyChanged(string propertyName)
        {
            if (this.PropertyChanged != null)
            {
                this.PropertyChanged.Invoke(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }
}


using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows.Input;

namespace ListView.Service
{
    public class RelayCommand : ICommand
    {
        public RelayCommand(Action execute)
            : this(execute, null)
        {
        }

        public RelayCommand(Action execute, Func<bool> canExecute)
        {
            if (execute == null)
                throw new ArgumentNullException("execute");

            _execute = execute;
            _canExecute = canExecute;
        }

        public bool CanExecute(object parameter)
        {
            return _canExecute == null ? true : _canExecute();
        }
        public event EventHandler CanExecuteChanged
        {
            add
            {
                if (_canExecute != null)
                    CommandManager.RequerySuggested += value;
            }
            remove
            {
                if (_canExecute != null)
                    CommandManager.RequerySuggested -= value;
            }
        }

        public void Execute(object parameter)
        {
            _execute();
        }

        readonly Action _execute;
        readonly Func<bool> _canExecute;
    }
}


UIH_wy
关注
专栏目录
WPF 实现 DataGrid/ListView 分页控件
weixin_34281477的博客
08-12 327
在WPF中，通常会选用DataGrid/ListView进行数据展示，如果数据量不多，可以直接一个页面显示出来。如果数据量很大，2000条数据，一次性显示在一个页面中，不仅消耗资源，而且用户体验也很糟糕。这篇博客将介绍如何创建一个分页控件。 为了简单起见，这个分页控件目前只有 首页/上一页/下一页/末页/总页数/第几页 等功能。实现思路，首页/上一页/下一页/末页 这四个通过路由事件来实现，在使...
WPF之DataGrid应用 翻页
diaobo9395的博客
02-27 779
前几天打算尝试下DataGrid的用法，起初以为应该很简单，可后来被各种使用方法和功能实现所折磨。网络上的解决方法太多，但也太杂。没法子，我只好硬着头皮阅览各种文献资料，然后不断的去尝试，总算小有成果。因此，把我学到的和大家分享一下，相信这篇文章会让你再很短的时间内学会DataGrid的大部分主要功能，而且很多难点都可以在里面找到解决方案。 由于涉及的应用比较多，所以篇幅会很长。但可以...
WPF 【十月的寒流】学习笔记(3):DataGrid分页
qq_44695769的博客
02-27 2290
我们这次详细了解一下列表通知的底层是怎么实现的分页是我们最常用的功能，这次简单实现了分页的效果。HandyControl没有提供主动的分页，需要我们组合一下。详细代码可以看我的Github仓库。三种过滤我都写了。
WPF简单的DataGrid分页
11-21
在WPF中使用DataGrid显示数据并实现简单的分页
WPF的简单分页控件
最新发布
qq_44217121的博客
06-21 216
WPF分页控件
wpf DataGrid的分页实现
Swarb的博客：低头做事，抬头做人
11-29 1万+
DataGrid  Name="dataGrid1" AutoGenerateColumns="False">            DataGrid>  StackPanel Orientation="Horizontal">         TextBlock Text="转到" Margin="5"/>         TextBox Name="tbxPageNum"
WPF datagrid 分页
11-16
WPF datagrid 分页 代码实例
WPF分页DataGrid
热门推荐
林老师的专栏
05-29 2万+
最近用到WPF的表格控件，需要使用分页功能，找了很多例子都不是很满意。有些是模仿SL做的DataPager导航条，使用的时候还要和DataGrid组合使用，不是很方便。最好还是继承DataGrid的分页表格控件。 于是自己动手封装了一个分页表格。见图例：先说思路，然后说实现。为什么要使用分页这里不是讨论话题，分页表格需要知道两个结果：总记录数和分页数据集，所以必须暴露Total和ItemsSour
WPF DataGrid 分页 简易分页
浪里骚白龙
11-28 4221
前言 有项目用到简易的分布表（不需要排序，修改等复杂操作，只需要分页）网上找到的都不是我需要的，在此使用绑定自制一个简易分页，不修改DataGrid样式及其事件,最大限度给其它项目复用及定制 效果 原理​​ 通过绑定数据完成逻辑实现 在需要用到分页的DataGrid的地方,给DataGrid及其它按钮绑定类型 实现 可跟据自身需求随意更改样式,语言及排板 绑定DataGrid数据...
WPF 分页DataGrid 分页控件的实现
06-18
以上就是使用C#在WPF中实现DataGrid分页的基本流程。实际项目中可能还需要考虑其他细节，如错误处理、性能优化等。在wpf.MSPageNavigationTest这个示例项目中，你可以找到具体的代码实现和更详细的示例，包括如何将...
WPF DataGrid分页功能
03-16
在本文中，我们将深入探讨如何在WPF的`DataGrid`中实现分页功能。 首先，我们要理解`DataGrid`的基本用法。`DataGrid`控件可以直接绑定到数据源，如`ObservableCollection`或`ICollectionView`，它会自动根据数据源...
wpf listbox,datagrid分页功能
07-21
实现wpf listbox,datagrid分页功能，供参考。
WPF DataGrid分页
05-30
WPF DataGrid分页
WPF MVVM DataGrid分页案例
01-23
在本文中，我们将深入探讨如何在WPF（Windows Presentation Foundation）环境中使用MVVM（Model-View-ViewModel）架构实现DataGrid的分页功能。MVVM是一种流行的设计模式，它将业务逻辑、用户界面和数据模型分离，...
WPF, datagrid 分页控件
02-23
本篇将详细讲解如何在WPF中实现Datagrid的分页控件。 首先，了解基本概念。分页是将大数据集分割成较小的、可管理的部分，每次只显示一部分，用户可以通过翻页浏览整个数据集。在WPF Datagrid中，我们通常使用...
WPF之 DataGrid分页
weixin_34346099的博客
02-12 235
接着上一篇WPF之 DataGrid数据绑定，继续讲述WPF中DataGrid分页。 由于分页经常用到，就做了一个自定义控件，由于当时的局限性，只支持DataTable数据源，不过木关系，网上很多其他数据类型转换成DataTable的方法，下面我提供一种List转换成DataTable的方法： /// <summary> /// 将List转换成DataTabl...
WPF DataGrid分页功能实现代码
weixin_30580943的博客
10-23 332
在Silverlight中DataGrid分页可以结合DataPager控件很容易实现，但是在WPF中没有类似的，需要手动实现这样一个控件： 1、创建一个UserControl，DP.xaml，代码如下，可以直接拷贝使用： <UserControl x:Class="WFPSys.UserControls.DP" xmlns="http://schemas...
wpf DataGrid 分页
征途人生&梦
05-07 1776
1.新建用户控件如：Pagination xmal： <StackPanel Name="paginationPanel" Orientation="Horizontal" HorizontalAlignment="Right" Margin="0,20,20,0" Height="40" Visibility="Hidden"> <TextBlock St...
wpf mvvm datagrid分页
12-17
WPF是一种基于.NET框架的用户界面技术，它提供了一种用于构建可视化界面的方式。MVVM是一种架构模式，它将用户界面（View）与业务逻辑（Model）分离，通过ViewModel充当中间人来进行数据绑定和交互。DataGrid是WPF中常用的控件，用于显示和编辑表格数据。 在WPF中使用MVVM架构来进行DataGrid的分页功能实现，可以遵循以下步骤： 1.创建一个ViewModel类，该类应该包含用于分页的属性和命令。例如，可以使用Pager类来存储当前页码、总页数以及每页显示的数据条数。 2.在ViewModel中，通过使用异步方法，从数据源获取所有数据，并计算总页数，然后将当前页显示的数据存储在一个集合中。 3.在View中，将DataGrid的ItemsSource绑定到ViewModel中的数据集合。同时，通过绑定Pager类的属性，将当前页码、总页数和每页显示的条目数显示在界面上。 4.为了实现分页功能，可以在View中添加按钮或其他交互元素，并将其Command属性绑定到ViewModel中的命令。例如，可以添加"上一页"和"下一页"按钮，并将它们的Command属性分别绑定到ViewModel中的上一页和下一页命令。 5.在ViewModel中，实现上一页和下一页命令的逻辑，通过改变当前页码的值，重新计算需要显示的数据，并更新数据集合。然后，WPF的数据绑定机制会自动将更新的数据显示在DataGrid中。 通过以上步骤，我们可以实现在WPF中使用MVVM模式来实现DataGrid的分页功能。通过将数据的获取和展示逻辑分离，可以更好地管理数据，并提升用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值