详解通用分页控件

这里说的分页控件如下图所示:

image 

 

这里只涉及到了URL分页.下面我一步一步的演示如何使用此通用分页控件:

第一步:新建项目:

打开visual studio 2008 ,在开始页点击创建项目,弹出如下提示框.选择 Asp.NET Web应用程序,点击确定即可:

image

第二部:引用分页控件程序集

在刚建好的项目中的资源管理试图中,选中Bin文件夹->右键->选择添加引用

image

第三步:在工具栏中添加控件

 

点击工具栏->右键->选择项,出现如下画面:

image

点击浏览,选中程序集.

第四步:在页面中使用控件

 

在页面中添加工具栏中的Pager控件,下面是页面的代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<%@ Register Assembly="CommonPager" Namespace="CommonPager" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Pager ID="Pager1"  runat="server" />
    </div>
    </form>
</body>
</html>

如果不在.cs文件设置,程序将会报错.首先看下程序集的一些方法,属性吧

控制分页逻辑的部分:

image

控制页面样式和控件实现的部分:

image

 

下面是我添加的.cs代码:

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Pager1.CurrentPageStringFormat = "<span class=\"current\">{1}</span>";    //设置当前页的样式
        Pager1.StatPageFormat = " ";     //设置开始页的链接样式
        Pager1.LastPageFormat = " ";
        CommonPager.DefaultUrlManager cp = new CommonPager.DefaultUrlManager(20000, 20, "pageindex");  //控制分页的逻辑部分
        Pager1.UrlManager = cp;
    }
}

 

最终在页面呈现的如下图:

image

第五步:更换CSS样式,让分页控件好看

以前在网上搞了的分页的css样式,里面有很多不同的分页样式,先结果图:

image

好累,下面就可以算是KO了,其中的一种展示结果:

image

 

源代码下载 

posted @ 2010-06-03 21:00  吕飞  阅读(382)  评论(2编辑  收藏  举报