CN101702124A - 一种翻页控件界面外观的实现方法 - Google Patents

Abstract

本发明提供了一种翻页控件界面外观的实现方法，该方法是界面元素自左至右依次排列，分别是首页按钮、下页按钮、上页按钮、末页按钮、数据总条数信息、当前页码，包括跳转页码录入框、总页数信息、跳转按钮，翻页操作按钮可用时的背景为灰色，不可用时背景为蓝色渐变色，在控件内部自动维护各翻页按钮的状态以及提示信息内容，对外提供一组用于操作控件的接口，该接口包含每页行数属性的读写操作，总行数的读操作，总页数的读操作，当前页索引的读操作，翻页事件的实现语义定义，本发明大量应用在各类信息化软件中，开发人员根据本方法可以快速、高效的实现翻页功能。由于具有适用面广，使用简单，界面风格统一的特点，具有很好的推广使用价值。

Description

一种翻页控件界面外观的实现方法

技术领域

本发明涉及一种计算机应用技术，具体说是提供了一种在WEB页面中组织翻页操作的界面及方法，并打包成一个控件。

背景技术

当前各行各业的信息化程度越来越高，各类信息化项目也是越来越多，从客观上要求我们的系统具有良好的可用性和可维护性，而复用就是一种好的提高可用性和可维护性的手段。

在各种信息化系统中，有很多单据的数据量都比较大，如果每次都把所有数据显示出来，一是没有必要，二是会严重影响性能，这时就需要把所有的数据分成若干页，每次只显示其中一页的数据。在现实中，当开发各类单据、查询等功能时，翻页操作是不可避免的。往往不同的开发人员为不同的功能实现了不同的翻页操作，造成用户使用时的迷惑。还由于这些翻页功能的实现采用了硬编码的方式实现，造成了大量重复的代码，给系统的维护增加了很多复杂度。那么如何为用户提供统一的翻页操作，如何让开发者能够快速的实现翻页操作？如果能把所有翻页操作进行抽象，并把展现层进行整体封装，制作一个高内聚、低耦合的控件，然后在所有系统开发中推广，那么最终用户就可以感受统一的翻页操作，开发用户也可以通过简单的编码实现全部的翻页操作功能。

发明内容

本发明提供了一种在WEB页面中组织翻页操作的界面及方法，并打包成一个控件。

本发明的目的是按以下方式实现的，

1.界面元素按图1方式进行组织，自左至右依次是：首页按钮、下页按钮、上页按钮、末页按钮、数据总条数信息、当前页码框(含跳转页码录入)、总页数信息和跳转按钮。翻页操作按钮可用时的背景为灰色，不可用时背景为蓝色渐变色。

2.在控件内部自动维护各翻页按钮的状态以及提示信息内容，对外提供一组用于操作控件的接口。

3.对外提供一组用于操作控件的接口，该接口包含每页行数属性的读写操作，总行数的读操作，总页数的读操作，当前页索引的读操作，翻页事件的实现语义定义，用代码可以描述为：

public interface IPageContrls

         {int PageSize{get；set；}

     int ItemCount{get；}

     int PageCount{get；}

     int PageIndex{get；}

     void PageFlip(int nPageIndex，int nPageSize，out intnItemCount)；

     event PageFlip OnPageFlip；

}

开发者通过PageSize属性设置每页显示的行数，然后按OnPageFlip定义的语义，实现一个自定义的取数函数即可。

4.在控件内部自动维护各翻页按钮的状态以及提示信息内容，根据3中的每页行数、总行数属性，通过一定的算法实现翻页按钮状态的判断，用代码描述为：

void SetButtonState()

{

      if(ItemCount＞0){

        if(PageIndex ＜＝1){

           _btnFirst.Enabled  ＝false；

           _btnPre.Enabled    ＝false；

           _btnNext.Enabled   ＝true；

           _btnLast.Enabled   ＝true；

        }

        if(Page Index＞＝PageCount){

           _btnNext.Enabled   ＝false；

           _btnLast.Enabled   ＝false；

           _btnFirst.Enabled  ＝true；

           _btnPre.Enabled    ＝true；

        }

      }

      else{

           btnFirst.Enabled  ＝false；

_btnPre.Enabled  ＝false；

         _btnNext.Enabled＝false；_btnLast.Enabled  ＝false；

      }

   }

附图说明

图1是无数据时界面元素结构图；

图2是有数据时界面元素结构图。

具体实施方式

本发明提供了一种在WEB页面中组织翻页操作的界面及设计方法，并打包成一个控件。

为使本发明的优点、目的更容易理解、易懂，下面具体的实施方式做一个详细说明。

1.开发者在Visual Studio的Toolbox窗口中，加载本控件的动态链接库，然后把本控件拖放到自己的WEB页面。

2.开发者通过Visual Studio的属性窗口或直接在代码中设置PageSize和BeforFlipPage属性，如果翻页前不需要执行脚本函数，可以不用设置BeforFlipPage属性。最后针对委托OnPageFlip(int nPageIndex，intnPageSize，out int nItemCount)写一个自定义函数，实现取数功能。

3.运行时的样式如图1和2所示。

该系统具有高内聚、低耦合的特点，使用简单、可维护性高，为实现统一、快速的翻页操作提供了一个高效、快速的解决方案。

目前本发明大量应用在各类信息化系统和项目中，不仅能让用户分享统一的翻页经验，而且还可以提高开发者的开发效率，降低工作量，具有很高的推广和经济价值。

Claims (2)

1.一种翻页控件界面外观的实现方法，其特征在于，界面元素自左至右依次排列，分别是首页按钮、下页按钮、上页按钮、末页按钮、数据总条数信息、当前页码，包括跳转页码录入框、总页数信息、跳转按钮，翻页操作按钮可用时的背景为灰色，不可用时背景为蓝色渐变色，在控件内部自动维护各翻页按钮的状态以及提示信息内容，对外提供一组用于操作控件的接口，该接口包含每页行数属性的读写操作，总行数的读操作，总页数的读操作，当前页索引的读操作，翻页事件的实现语义定义，用代码描述为：

    public interface IPageContrls

     {

         int PageSize{get；set；}

         int ItemCount{get；}

         int PageCount{get；}

         int PageIndex{get；}

         void PageFlip(int nPageIndex，int nPageSize，out int

nItemCount)；

        event PageFlip OnPageFlip；

    }。

2.根据权利要求1所述的方法，其特征在于，每页行数、总行数属性，

通过算法实现翻页按钮状态的判断，用代码描述为：

void SetButtonState()

{

      if (ItemCount＞0){

         if(PageIndex＜＝1){

            _btnFirst.Enabled＝false；

            _btnPre.Enabled＝false；

            _btnNext.Enabled＝true；

            _btnLast.Enabled＝true；

         }

         if(Page Index＞＝PageCount){

             btnNext.Enabled＝false；

         _btnLast.Enabled＝false；

         _btnFirst.Enabled＝true；

         _btnPre.Enabled＝true；

      }

   }

   else {

      _btnFirst.Enabled＝false；

      _btnPre.Enabled＝false；

      _btnNext.Enabled＝false；

      _btnLast.Enabled＝false；

   }

}

      。

Images