dotNet在WAP应用开发中实现按指定页数翻页的解决方案
发布日期: 8/30/2005 更新日期: 8/30/2005
write by PanQi@Ultrapower
简介:采用dotNet开发WAP应用,通常会遇到翻页的问题,在dotNet的List控件中虽然提供ItemCount和ItemsPerPage属性来实现翻页,但这种自带的翻页只能实现“上一页”、“下一页”的翻页效果,无法按指定页数来选择性翻页,因此,很有必要开发自己的翻页机制,来完善它的不足之处,本文档将一步一步介绍如何用.Net提供有限的MobileControl来实现按指定页数翻页。
如您要转贴,请保留原出处,并勿做删改。谢谢。
源码下载>>
方案一:采用数据绑定,指定数据源(DataTable)实现翻页的方法
第一步,打开VS.Net,新建Asp.Net移动Web应用,我们这里将项目命名为WapPager,如下图:
第二步,向Form里拖入所需控件:
Label控件,一个,用于显示提示消息。
List控件,一个,用于绑定数据,显示指定范围内的记录。
Panel控件,一个,用于存放表达式计算出的n个页面的Link页码。
页面布局如下图所示:
第三步,修改控件属性,为编码作准备(具体属性设置请看Demo)。
第四步,编码。(说明:演示数据来自SQL-Server的NorthWind数据库)
为了实现翻页效果,需要用到下面三个方法,分别是:
1、GetAllData()方法:
GetAllData是获取全部数据,返回DataTable的方法,之所以采用DataTable来存放全部数据,主要是为了后面用DataTable的Select方法来获取其中指定范围内记录;






2、 GetPage()方法:
GetPage是通过数据总数、每页规定显示数量,计算出页数的方法,返回存放全部页码的DataTable,我们为这个DataTable定义了LinkText和LinkUrl两列,这两列的值供页码控件Link绑定数据所用。

































3、 SelectTable()方法:
SelectTable方法是利用DataTable自身的Select方法,传入起始值,读取指定行数记录,最终实现翻页效果.









































































页面最终效果:
注:每页显示最多记录条数可以在Web.Config的GlobalSection属性Record.Page.Size节点自行定义,默认为每页显示10条记录。
write by PanQi@Ultrapower