支持分页的MVVM组件大家可以网上找，老周这个类只是没事写来娱乐一下的，主要是功能简单，轻量级，至少它满足了我的需求，也许还有未知的 bug 。

这个类支持对数据列表进行分页处理，原理是利用 Skip 和 Take 扩展方法，从源列表中取出某一段数据。在实例化的时候，需要提供一个 IEnumerable<T> 对象作为参数，本类会根据这个数据源来计算分页，使用参数T使其支持泛型。

public PagabledCollection(IEnumerable
       
         srcItems)        {            _containerItems = srcItems;            // 总项目数            _totalItems = _containerItems.Count();            // 计算总页数            ComputePages();            CurrentPage = 1; //默认页        }
       

私有字段 _containerItems 主要用来引用源数据列表，_totalItems表示所有数据的总数，CurrentPage属性表示的是当前页的索引，一般来说，分页是从第1页开始的，即当前页的索引最小值为1，最大值是总页数。

ComputePages方法用来计算总页数，代码如下：

private void ComputePages()        {            int p = TotalItems / PageSize;            if ((TotalItems % PageSize) > 0)            {                p++;            }            TotalPages = p;            ……        }

把数据总数除以每页显示条数（PageSize）就能得到页数，但要注意一点，就是余数的问题。比如数据总数为10，每页显示3条数据，那么 10 / 3的结果为3，余数为1，这时候，总页数应该为4，而不是3。所以上面代码在除法运算后要检查一下，如果存在余数，就把总页数加上1。

 

CurrentPage 属性表示当前页索引，当该属性修改后，要根实际情况从源数据列表中取出一段数据，然后用 PagedItems 属性公开。

public int CurrentPage        {            get { return _currentPage; }            set            {                if (_currentPage != value)                {                    if (value < 1) _currentPage = 1;                    else if (value > TotalPages) _currentPage = TotalPages;                    else _currentPage = value;                    // 筛选内容                    SetPagedItemsCore();                    CheckPaging();                    OnPropertyChanged(nameof(CurrentPage));                }            }        }

上面说过，当前页索引的最小值为1，最大值为总页数，所以在set属性时要进行验证。SetPagedItemsCore

方法的功能是根据当前页索引，从源数据列表中筛选出一段数据。方法定义如下：

private void SetPagedItemsCore()        {            var r = _containerItems.Skip((CurrentPage - 1) * PageSize).Take(PageSize);            PagedItems = r;        }

从源数据列表中取数据的开始位置 = (当前页码 - 1) * 每页显示数，要提取的数据量 = PageSize，即每页显示数量。

 

在使用时，直接实例化类型，并把数据源从构造函数传入，然后绑定到UI上就可以了。

List
       
         list = new List
        
         ();            for(int x=1; x<= 200; x++)            {                list.Add(x);            }            PagabledCollection
         
           cols = new PagabledCollection
          
           (list);            cols.PageSize = 12;            rootlayout.DataContext = cols;
          
         
        
       

 

而在 XAML 文档中，直接绑定到PagabledCollection实例的各个属性即可。

               
                    
                     
                 
                
                
                    
                     
                         
                              
                                   
                                    
                                
                           
                      
                     
                     
         
          每页显示条数：
                     
                     
                 
            
       

 

最后，运行程序，效果基本满意。

 

这个类嘛，写得不算专业，总体来说属于娱乐层次，就给大家用来做入门学习参考吧。

 

 

分类:

 , 

标签:

 ,