Scott Mitchell 的ASP.NET 2.0数据教程之二十四.分页和(9)
发布时间:2021-06-08
发布时间:2021-06-08
Scott Mitchell 的ASP.NET 2.0数据教程之二十四.分页和排序报表数据
DetailsView和FormView控件仅仅支持每一页显示一条记录。但是对于GridView,有一个PageSize 属性,能让我们配置每页显示的记录数(默认是设置为10)。
GridView, DetailsView 和 FormView分页导航能使用下面的属性来配置:
PagerStyle –指示分页导航的样式,能设置BackColor, ForeColor, CssClass, HorizontalAlign等等。 PagerSettings –包含大量属性来自定义分页导航的功能;PageButtonCount代表显示在底部分
页导航的最大页面数(默认为10);Mode 属性 代表分页操作的形式,能设置为:
o NextPrevious –显示下一页和上一页按钮,让用户一次朝后或者朝前翻一页
o NextPreviousFirstLast –除了下一页和上一页按钮外,还提供第一页和最后一页按钮,
能让用户快速定位到首页或者末页数据
o Numeric –显示一系列页面数字,让用户直接点击数字切换到相应页面
o NumericFirstLast –除了页面数字以外还提供第一页和最后一页按钮,让用户能快速定
位到首页或者末页数据,只有当没有显示首页或者末页数字时才显示按钮
此外,GridView, DetailsView和 FormView还提供了PageIndex 和 PageCount属性来指示当前呈现的页面和页面总数。PageIndex属性从0开始编号,因此我们浏览第一页的时候就为0,而PageCount是从1开始编号的,因此PageIndex的范围在0和PageCount – 1之间。
让我们再花一些时间来改进GridView分页导航的默认外观。首先,我们把分页导航居右并且设置为灰色背景色。我们不希望直接设置GridView的PagerStyle属性来实现,而是在Styles.css中创建一个称作PagerRowStyle 的CSS类,然后设置主题文件中PagerStyle的CssClass属性进行关联。首先打开Styles.css然后把下面CSS类定义加入文件:
CSS
1 .PagerRowStyle
2 {
3 background-color: #ddd;
4 text-align: right;
5 }
接着,打开App_Themes 文件夹中DataWebControls 文件夹下的GridView.skin文件。我们在母板页和站点导航教程中提到过,Skin文件能为WEB控件指定一个默认的属性值。因此,我们设置PagerStyle的CssClass属性为PagerRowStyle。同样,让我们配置分页导航来显示5个页面数字(NumericFirstLast模式)。