`
izuoyan
  • 浏览: 8970693 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

一套可嵌入或独立使用的翻页控件: WebPager(附源码)

阅读更多
于ASP.NET里的翻页控件,大家应该都很熟悉,网上也有很多这样的例子。我也做过不少各种类型的此类控件,但设计思想都不太一样。从功能上看,一种是只呈现翻页所需的外观和操作,一种是同时包装了对数据的分页功能。从形式上看,有扩展DataGrid翻页功能的(嵌入式),也有能够独立实现翻页的。
  而我做这套 WebPager 的目的,就是希望能够兼顾以上各个方面,做出灵活而扩展性强的翻页控件。也就是说它既可以嵌入DataGrid,又可以单独使用。 同时最好能够让我可以方便地切换翻页样式或者外观,而不用改变类或接口。
独立

内嵌
外观


  实现这个目标其实不难,我们本来是要继承DataGrid类,然后重写其产生和控制翻页的部分。
publicsealedclassAdvDataGrid:DataGrid{
publicAdvDataGrid(){
this.ItemCreated+=newDataGridItemEventHandler(AdvDataGrid_ItemCreated);
}


privatevoidAdvDataGrid_ItemCreated(objectsender,System.Web.UI.WebControls.DataGridItemEventArgse){
if(e.Item.ItemType==ListItemType.Pager){
Literalmsg
=newLiteral();
msg.Text
="把这三句代码替换成呈现实际翻页控件外观的代码。";
((TableCell)e.Item.Controls[
0]).Controls.Add(msg);
}

}

}

  要实现翻页子控件的重用,既能独立使用,又能内嵌,只要把这部分代码抽离出来,放在一个独立的类里面就可以。在这里,我们提取所有翻页子控件的公共接口:IDataPagerItemCreated 事件里的代码要改成:
IDataPagerpager=DataPagerFactory.CreateDataPager("SimplePager");
((TableCell)e.Item.Controls[
0]).Controls.Add(pager);

  这里我们先打住,看看这样做的好处。首先,翻页代码放到独立的类中,有助于复用(为独立使用翻页控件做准备);其次,由于提炼出公共接口,凡是实现该接口的类都可以被加载到DataGrid中作为翻页子控件,实现了多样化;第三,使用工厂模式创建具体的翻页子控件,可以非常方便地切换外观。

  我们这里只实现了内嵌DataGrid。如果DataList怎么办?没关系,照葫芦画瓢。在 ItemCreated 事件中重写外观。DataList不支持翻页,没有 ItemType == ListItemType.Pager 的?也不要紧,我们可以在 DataList 的 Footer 部分加载翻页子控件。
  我们这里实现了两个翻页子控件的容器,DataGrid 和 DataList。看看他们有什么共同点没有。首先需要有分页信息吧,比如当前页,页大小,总记录等等。这个类我们已经封装到了 PagerInfo 里面。所有的容器都要有这样一个属性。其次,我们要能够通过修改 PagerClass 来随时改变这个容器具体使用的 Pager 的种类。这个也要做到属性里。还有翻页发生时所触发的事件,这个也是必不可少的。
  那么我们这里再为翻页子控件的容器类再提取一个接口: IDataPagerContainer。所有可以加载翻页控件的容器都要实现该接口。
  这样,我们的 WebPager 的类结构基本上就已经形成了。由 IDataPager 接口延伸出各种各样的翻页子控件。由 IDataPagerContainer 接口延伸出各种各样的包含容器。它们之间可以自由地挂接与组合。

  剩下最后一个问题没有解决。就是独立使用翻页控件。这个也是比较简单的。所有翻页控件都有 PagerInfo 属性,描述了当前分页信息。当页面改变时,它的 PagerInfo.PageIndex 也随着改变。然后根据这个来取得不同的数据,然后让数据显示控件进行绑定即可。
  这里我本来是打算做成翻页子控件能够完全独立地运行和显示。也就是说它们可以被拖拽到页面。但后来发现这样实现起来很不漂亮,而且抛弃了原先的结构。所以子控件的独立使用,其实还是借助了一个第三方的容器: DataPagerContainer。这是一个通用并且简单的 IDataPagerContainer 接口的实现。这样独立使用翻页控件的时候,仍然可以方便地改变外观。
  类结构:
  Hooyee.Utils.PagerInfo 封装数据分页信息。 如PageSize、PageIndex
  Hooyee.WebControls.IDataPagerContainer 翻页控件的容器对象的公共支持接口。
    Hooyee.WebControls.DataPagerContainer 通用的数据翻页控件的容器类。 可以作为默认容器。
    Hooyee.WebControls.AdvDataGrid 支持翻页控件的DataGrid
    Hooyee.WebControls.AdvDataList 支持翻页控件的DataList
  Hooyee.WebControls.IDataPager 实现数据翻页功能的用户控件的公共接口。
    Hooyee.WebControls.DataPagerBase 用于实现数据翻页功能的用户控件的公共抽象基类。
      Hooyee.WebControls.FirstPager 一个具体的翻页子控件实现。
      Hooyee.WebControls.SecondPager 一个具体的翻页子控件实现。
分享到:
评论

相关推荐

    一套可嵌入或独立使用的翻页控件_ WebPager(附源码).

    在Microsoft Visual Studio中使用,一套可嵌入或独立使用的翻页控件_ WebPager(附源码).

    asp.net知识库

    正式发布表达式计算引擎WfcExp V0.9(附源码) 运算表达式类的原理及其实现 #实现的18位身份证格式验证算法 身份证15To18 的算法(C#) 一组 正则表达式 静态构造函数 忽略大小写Replace效率瓶颈IndexOf 随机排列算法 ...

    友思SCO在线售卡网(.Net开源版) V1.1[Access].rar

    一套简易型在线售卡系统,使用ASP.NET1.1 Access,主要用于学**研究所用,采用标准三层构架,不管你现在是菜鸟还是高手,都同样适合学**. 完成了和快钱(www.99bill.com)银行网关的连接,实现了网上银行在线转帐、与...

    学籍管理系统

    SCard -- 主Web程序 WebPager -- 分页控件 DCard -- 封装了加密密钥 <br/>[数据库路径配置] Web.config文件下 <!-- Access 数据库路径 --> <add key="DataBasePath" value="/SCard/DB/DB....

    JavaScript_构建您的第一个移动应用程序.zip

    JavaScript

    手机应用源码新浪微博Android客户端.rar

    手机应用源码新浪微博Android客户端.rar

    俄罗斯方块项目【尚学堂·百战程序员】.zip

    # 俄罗斯方块项目【尚学堂·百战程序员】 俄罗斯方块是一款经典的益智游戏,最早由俄罗斯程序员阿列克谢·帕基特诺夫于1984年开发。本项目基于【尚学堂·百战程序员】的课程内容,详细介绍如何使用JavaScript、HTML5和CSS3从零开始开发一个完整的俄罗斯方块游戏。该项目旨在帮助学习者掌握前端开发的基础知识和技能,提升编程能力。 ## 项目概述 本项目实现了经典的俄罗斯方块游戏,主要包括以下功能模块: ### 1. 游戏界面 游戏界面采用HTML5的Canvas元素进行绘制,使用CSS3进行样式设计。界面包括游戏区域、得分显示、下一个方块预览和控制按钮。通过合理的布局和美观的设计,为玩家提供良好的游戏体验。 ### 2. 方块生成与控制 游戏随机生成不同形状的方块(I、O、T、L、J、S、Z),玩家可以通过键盘控制方块的移动和旋转。具体操作包括: - 左移:按左箭头键。 - 右移:按右箭头键。 - 下移:按下箭头键。 - 旋转:按上箭头键。 ### 3. 方块下落与碰撞检测 方块自动从上到下逐行下落,速度逐渐加快。通过碰撞检测算法,判断方块是否与其他方块或底部边界

    如何打造一个新品牌tbb.pptx

    如何打造一个新品牌tbb.pptx

    node-v14.2.0-headers.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    基于java开发的声纹识别解锁系统,一款使用声纹加密Android APP的应用+源码(毕业设计&课程设计&项目开发)

    基于java开发的声纹识别解锁系统,一款使用声纹加密Android APP的应用+源码,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用~ 基于java开发的声纹识别解锁系统,一款使用声纹加密Android APP的应用+源码,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用~ 基于java开发的声纹识别解锁系统,一款使用声纹加密Android APP的应用+源码,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用~ 基于java开发的声纹识别解锁系统,一款使用声纹加密Android APP的应用+源码,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用~

    JavaScript_标志性的SVG字体和CSS工具包.zip

    JavaScript

    node-v19.7.0-headers.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    动力电池安全预警技术交流

    动力电池安全预警技术交流

    爱心代码c语言.rar

    爱心代码c语言

    batik-script-1.7.jar

    Batik是为想使用svg格式图片来实现各种功能的应用程序和Applet提供的一个基于java的工具包

    JavaScript_半到完全远程友好的科技公司工作列表.zip

    JavaScript

    node-v17.7.2-headers.tar.xz

    Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。

    Upstream最新发布2024年汽车网络安全报告

    2024年2月7日,Upstream Security发布了2024年Upstream《GLOBAL AUTOMOTIVE CYBERSECURITY REPORT》。这份报告的第六版着重介绍了汽车网络安全的拐点:从实验性的黑客攻击发展到规模庞大的攻击,并产生了怎样的影响。 报告涵盖了最新的威胁、攻击向量、安全最佳实践和新兴技术, 主要见解和发现如下: 2023年,潜在影响数以千计至数百万辆移动资产的高规模和大规模事件的数量比2022年增加了2.5倍。 95%的攻击是远程执行的,其中85%是远程攻击。 64%的网络攻击是由黑客执行的。 2023年,与汽车和智能移动生态系统相关的深度和暗网活动增加了165%。 近65%的深网和暗网网络活动潜在影响数千至数百万辆移动资产。 对车载远程通信和应用服务器的攻击占所有攻击的43%(2022年为35%)。 37%的威胁行为具有深远影响-同时针对多个OEM进行攻击(而不仅仅是影响单个OEM/汽车制造商)。 2023年,对娱乐信息系统的攻击几乎翻了一番,占所有攻击的15%(2022年为8%)。 由于攻击者可以使用GenAI探索API文档,API特别容

    Android的移动应用炫酷相册源码.rar

    Android的移动应用炫酷相册源码.rar

Global site tag (gtag.js) - Google Analytics