• DataGrid实现逻辑分页


    在ASP.NET内建提供的所有数据排列控件中,只有DataGrid数据控件是提供数据分页功能的。DataReapter数据控件只能提供一些简单 的、基础的数据重复排列功能,对于一些比较复杂的应用是无能为 力的;而DataList数据控件设计的目的在于按照固定的格式列出不同数据项,也不提供数据分页,但是,如果真的需要在DataList控件中实现分页 数据导航,需要编写的代码其实也是很少的。


      DataGrid数据控件作为Asp.NET中唯一可以实现数据分页的控件(使 用内建属性),它提供数据分页的两种方式,这两种数据分页实现方式的不同在于他们取得数据的内容。在使用DataGrid默认的数据分页方式的时候,我们 首先必须提供一个包含需要显示的所有数据的DataSet,然后,DataGrid根据每页页面数据量来显示的数据,使用这种数据分页方式的优点是显然 的,程序代码使用很少,而缺点就是当数据量较大的时候,这种方式是效率很低的;在使用定制分页方式的情况下,DataGrid只取得当前页需要显示的数据 量,而不是默认分页方式的所有页面数据量,这种方式的分页,其效率无疑高的多。这两种分页方式是否可以满足我们在实际开发中的所有需求呢,当然是不可能 了。然而,使用定制数据分页功能,我们可以开发出完全符合我们应用开发要求的数据分页引擎。


      从以上介绍可 知,DataGrid的数据分页是没有逻辑意义的,完全是按照机械的数据量来分页,每一页的数据量是完全一样的。在本文中,我们将演示使用 DataGrid的定制分页功能来实现具有逻辑意义的分页,这样,每页的数据量就不再完全相同,而是根据数据具体情况来决定具体每页的数据量。


    一、逻辑数据分页基础

       在DataGrid控件中,如果按照默认的方式,每页数据量是一定的,设计者通过PageSize来设置每页需要显示的数据量,当用户点击标示数据页面 的数字的时候,DataGrid就取得该页面数据进行显示。使用定制分页的时候,DataGrid也需要通过VirtualItemCount控件来知道 当页需要显示的数据量。


      一般的,用户可以选择不同DataGrid数据页面来查看自己所需要的数据,然而,我们稍微想像一下,当数据量比较大的时候,页面数量也会很多,我们将呈现给用户的是怎样的一个界面呢?


       这种情况下,逻辑数据分页会怎样处理呢?假设我们需要查看某个年度公司订单的信息,比如,在SQL 2000 Server中,我们可以查询NorthWind示例数据库来查看一个年度的订单信息,这样,我们会得到几百条信息,使用DataGrid的默认分页似乎 完全可以达到要求,然而,当这些数据显示给用户的时候,他们会真的喜欢翻阅几乎整个年度的信息吗?当我们要告诉用户某个月份的信息的时候,难道告诉他们数 据在15到16页之间吗?显然,这种方式是很不友好的,有没有其他更加符合我们一般思维的分页方式呢?那就是完全按照月份来分页。在这样的分页中,页面数 量是固定的,而每页数据量是不固定的,和DataGrid默认的分页方式刚好相反。


    二、逻辑数据分页的实现

      在以下的举例中,我们使用SQL 2000 Server的NorthWind数据库作为试验数据库,取该数据库某一个年度的数据作为试验数据。具体代码如下:

    SELECT o.orderid, o.orderdate, c.companyname

    FROM orders AS o

    INNER JOIN customers AS c ON o.customerid=c.customerid

    WHERE Year(orderdate)=@TheYear




    然后定义一个DataGRid,该DataGrid设置了AllowPaging和AllowCustomPaging都为True,这样允许DataGrid进行数据分页:

    <asp:datagrid runat="server" id="grid"

    AllowPaging="True"

    AllowCustomPaging="True"

    PageSize="100"

    OnItemCreated="ItemCreated"

    OnPageIndexChanged="PageIndexChanged">

    <PagerStyle Position="top" Mode="NumericPages"

    PageButtonCount="12" />

    <columns>

    :

    </columns>

    </asp:datagrid>




    我 们在举例中要求每页显示的数据量是不同的,但是,即使是使用定制分页,也需要设置每页显示的具体数据量,也就是说,无论DataGrid取得的数据是多 少,我们都必须设置PageSize属性,但是这里我们每页的数据量是不等的,这样就要求我们估计每页最大数据量,在程序中使用100。因为我们需要显示 一年的数据,所以,程序中我们要设置12个页面,也就是12个链接,这样,就需要设置属性VirtualItemCount为12×100也就是 1200。另外,默认的,DataGrid显示的页面数最大是10,为了显示12也月份的数据,我们需要设置PageButtonCount属性为12。 我们先来看程序具体运行图示:



    在以上的图片中,我们可以看到,每个链接对应一个月份的数据,它的具体实现方法如下:

    SELECT o.orderid, o.orderdate, c.companyname

    FROM orders AS o

    INNER JOIN customers AS c ON o.customerid=c.customerid

    WHERE Year(orderdate)=@TheYear

    AND Month(orderdate)=@ThePageIndex



    这样,根据用户选择的年份和数据页面,就可以确定需要显示的数据。很简单的,我们按照这个方法也可以做到按照子母分页的功能,这对于按照名字显示信息是非常有用的。


    三、数据页面栏

      无疑,上面的数据分页已经基本达到我们的要求,然而,我们可以使其更加具有吸引力,那就是将以上表示月份的数字改为具体的月份名称,为了做到这一点,我们实现需要捕捉DataGrid的ItemCreated事件:

    public void ItemCreated(Object sender,

    DataGridItemEventArgs e)

    {

    ListItemType lit = e.Item.ItemType;

    if (lit == ListItemType.Pager)

    {...}

    }



      然后,将表示月份的数字替换为月份的名字,为了区分当前显示月份和其他月份,使用Label来显示当前月份,不可点击,使用LinkButton来表示其他月份,可以点击选择。

    TableCell pager = (TableCell) e.Item.Controls[0];

    for(int i=0; i<pager.Controls.Count; i+=2)

    {

    Object o = pager.Controls[i];

    if (o is LinkButton)

    {

    LinkButton lb = (LinkButton) o;

    DateTime dt = new DateTime(2002,

    Convert.ToInt32(lb.Text), 1);

    lb.Text = dt.ToString("MMM");

    }

    }



    以上效果如图(图二):




    四、数据页面栏外观设置

      上图我们看到,数据页面栏已经实现了月份表示,但是,它的效果非常漂亮,怎样实现呢?

      首先,需要设置以下样式:

    <ItemStyle BackColor="White" height="16px" />

    然后设置Link的样式如下:

    lb.BorderWidth = 1;

    lb.BorderColor = Color.White;

    lb.BorderStyle = BorderStyle.Outset;

    lb.BackColor = Color.LightYellow;

    为了Label有类似3D的选项页效果,这样设置:

    l.BorderWidth = 1;

    l.Style["border-top"] = "SkyBlue outset 1px";

    l.Style["border-left"] = "SkyBlue outset 1px";

    l.Style["border-right"] = "SkyBlue outset 1px";

    l.Style["border-bottom-color"] = "SkyBlue";

    这样设置以后,数据分页栏就会比较有图示的效果,比较友好。

  • 相关阅读:
    poj2926
    poj2917
    新手入门:PHP网站开发中常见问题汇总
    js字符串转换成数字,数字转换成字符串
    !! jquery主要资料
    IT公司面试手册.htmhttp://www.mianwww.com/html/2009/02/2931.html
    sql语句 返回最后的insert操作所产生的自动增长的id
    eclipse 无法正常保存js
    javascript深入理解js闭包
    如何用javascript操作本地文件(读写txt文件)
  • 原文地址:https://www.cnblogs.com/kim0zh/p/2013-09-30.html
Copyright © 2020-2023  润新知