`

个性化的分页

阅读更多
作者:未知   请作者速与本人联系

通过修改DataGrid的属性来实现分页,这样有这样的好处,最大的就是简单,呵呵,根本不用操心,分页是如何产生的。

但是它同样有缺点,不能按照我们想像的产生各种我们需要的样式。

没有办法,想个性化功能,只有自已动手来做了,呵呵。

我们一步步的来,首先是导入需要的命名空间。下面的例子,其实也是我从国外找来的,再加上点个人的东东,再汉化,呵呵。今天心情很好,我连标签色彩都给大家显示出来了。呵呵,更利于大家看程序。

<%@ Page Language="C#" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.SQL" %>

我们先看看,我们的web控件是哪些,再看看代码是怎么写的,这样比较好:)

<body>

<h3><font face="Verdana">个性化的分页实例^&^</font></h3>

<form runat=server>

<ASP:DataGrid id="MyDataGrid" runat="server"
AllowPaging="True"
PageSize="10"
PagerStyle-Mode="NumericPages"
PagerStyle-HorizontalAlign="Right"
OnPageIndexChanged="MyDataGrid_Page"
BorderColor="black"
BorderWidth="1"
GridLines="Both"
CellPadding="3"
CellSpacing="0"
Font-Name="Verdana"
Font-Size="8pt"
HeaderStyle-BackColor="#aaaadd"
AlternatingItemStyle-BackColor="#eeeeee"
AutoGenerateColumns="false"

>
<property name="Columns">
<asp:BoundColumn HeaderText="工作室成员" DataField="Enter_ID" />
<asp:BoundColumn HeaderText="登陆时间" DataField="Enter_Time" />
</property>
</ASP:DataGrid>

<p>
<asp:LinkButton id="btnFirst" runat="server"
Text="首页"
CommandArgument="0"
ForeColor="navy"
Font-Name="verdana" Font-size="8pt"
OnClick="PagerButtonClick"
/>
&nbsp;
<asp:LinkButton id="btnPrev" runat="server"
Text="前页"
CommandArgument="prev"
ForeColor="navy"
Font-Name="verdana" Font-size="8pt"
OnClick="PagerButtonClick"
/>
&nbsp;
<asp:LinkButton id="btnNext" runat="server"
Text="后页"
CommandArgument="next"
ForeColor="navy"
Font-Name="verdana" Font-size="8pt"
OnClick="PagerButtonClick"
/>
&nbsp;

<asp:LinkButton id="btnLast" runat="server"
Text="末页"
CommandArgument="last"
ForeColor="navy"
Font-Name="verdana" Font-size="8pt"
OnClick="PagerButtonClick"
/>

<p>
<asp:Checkbox id="chk1" runat="server"
Text="显示内置的页数"
Font-Name="Verdana"
Font-Size="8pt"
AutoPostBack="true"
/>

<p>
<table bgcolor="#eeeeee" cellpadding="6"><tr><td nowrap><font face="Verdana" size="-2">

<asp:Label id="lblCurrentIndex" runat="server" /><br>
<asp:Label id="lblPageCount" runat="server" /><br>

</font></td></tr></table>
</form>

</body>

从上面的例子我们可以看出点击LinkButton控件OnClick触发的是PageButtonClick事件,DataGrid页面OnPageIndexChanged改变触发的是MyDataGrid_Page事件,我们以后就是就是要编写这两件事件的代码

下面是先要查询的数据库的信息,用一个函数表示,因为经常用到:),我打开的表,呵呵,是我们工作室管理区的登陆记录表(哈又卖了点我们工作室的秘密给大家)

ICollection CreateDataSource()
{
    /*
        读取数据库的信息,获得DataView
    */
    SQLConnection MyConnection = new SQLConnection("server=localhost;uid=sa;pwd=123456;database=aspcn");
    SQLDataSetCommand MyDataSetCommand = new SQLDataSetCommand("select * from admin_enter order by Enter_Time desc",MyConnection);
    DataSet ds= new DataSet();
    MyDataSetCommand.FillDataSet(ds,"admin_enter");
    return ds.Tables["admin_enter"].DefaultView;
}

然后中是Page_Load函数,在这里主要是判断一下是否显示DataGrid自带的那些分页数字,使用的是PageStyle的Visible属性:

void Page_Load(Object sender, EventArgs e)
{
    file://判断是否隐藏PagerStyle-Mode
    if (chk1.Checked)
    {
        MyDataGrid.PagerStyle.Visible=true;
    }
    else
    {
        MyDataGrid.PagerStyle.Visible=false;
    }

    BindGrid();
}

下面是处理点击事件的PagerButtonClick,这是我们的核心部分,其实我们操作的也只是DataGrid的CurrentPageIndex属性。如果CurrentPageIndex小于PageCount则有下一页,如果CurrentPageIndex大于0则表示有前一页。

void PagerButtonClick(Object sender, EventArgs e)
{
    file://获得LinkButton的参数值
    String arg = ((LinkButton)sender).CommandArgument;

    switch(arg)
    {
        case ("next"):
            if (MyDataGrid.CurrentPageIndex < (MyDataGrid.PageCount - 1))
            MyDataGrid.CurrentPageIndex ++;
            break;
        case ("prev"):
            if (MyDataGrid.CurrentPageIndex > 0)
            MyDataGrid.CurrentPageIndex --;
            break;
        case ("last"):
            MyDataGrid.CurrentPageIndex = (MyDataGrid.PageCount - 1);
            break;
        default:
            file://本页值
            MyDataGrid.CurrentPageIndex = arg.ToInt32();
            break;
    }
    BindGrid();
}

下面是MyDataGrid_Page,主要操作是调用BindGrid函数,以将数据交给DataGrid显示:

void MyDataGrid_Page(Object sender, DataGridPageChangedEventArgs e)
{
    file://处理按下数字的方法
    BindGrid();
}

最后是两个函数,他们的作用,我都注释了:)

 

void BindGrid()
{
    file://将DataView绑定到DataGrid上去
    MyDataGrid.DataSource = CreateDataSource();
    MyDataGrid.DataBind();
    ShowStats();
}

 

void ShowStats()
{
    file://显示页面信息
    lblCurrentIndex.Text = "当前页数为: " + ((int)MyDataGrid.CurrentPageIndex+1);
    lblPageCount.Text = "总页数是: " + MyDataGrid.PageCount;
}

 

到此为止,我们的个性化页面已经完成了(全部代码和显示看一下节),我们总的思想就是使用LinkButton控件做为翻页的标帜,通过判断LinkButton的CommandArgument值,操作DataGrid的CurrentPageIndex属性,以达到翻页的效果。

分享到:
评论

相关推荐

    jQuery分页插件结合CSS3实现个性分页代码特效

    本教程将深入探讨如何使用jQuery分页插件与CSS3技术,来创建具有独特视觉效果的个性化分页代码特效。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在分页功能中,...

    JQ的分页插件

    例如,你可以设置按钮的圆角、背景色以及字体样式,从而创建出符合品牌形象的个性化分页样式。 接下来是`jquery-3.3.1.min.js`,这是jQuery库的压缩版。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件...

    个性好看的分页插件-jui_pagination 分页插件

    本文将详细探讨一种名为jui_pagination的个性化分页插件,帮助开发者更好地理解和应用此类插件。 **1. 分页插件的作用与重要性** 分页插件的主要作用是将大量数据分割成多个页面,使用户可以轻松地在不同页面之间...

    24款网页分页方法满足网站需要

    2. 图片分页:image1.gif和image2.gif可能是用于分页的箭头或数字图片,通过CSS设置背景图像实现个性化分页设计。这种方式视觉效果好,但加载速度可能受影响。 3. 动态分页:一些方法利用JavaScript或者jQuery动态...

    自定义分页标签 Java

    自定义分页标签是指开发者根据项目需求创建的个性化分页组件,它能够灵活地与后端数据库交互,实现数据的分页展示。本文将深入探讨如何在Java环境中自定义分页标签,以及涉及到的相关技术点。 首先,我们需要理解...

    jquery分页插件-内有演示说明

    **jQuery分页插件**是Web开发中常用的一种工具,用于在大量数据中实现高效的页面导航,提升用户体验。...通过深入理解这些核心知识点并结合实际项目需求,你可以打造出符合业务场景的个性化分页解决方案。

    jQuery前端分页显示特效.zip

    在网页开发中,前端分页是一个非常常见的功能,特别是在数据量较大的情况下,为了提高用户体验,通常会将数据分批次加载。jQuery作为一个强大的...通过学习和实践,你可以创建出符合自己需求的个性化分页功能。

    ipad分页控件自定义

    在iPad应用开发中,分页控件(Page Control)是一种常用的设计元素,它通常用于指示用户当前查看的内容在整体中的位置,并提供...通过学习和实践,开发者可以创建出符合自己应用风格的个性化分页控件,提升用户体验。

    php 重写分页器 CLinkPager的实例

    例如,创建一个名为MyPager的类,继承CLinkPager,并通过重写构造函数或者设置属性来个性化分页器的行为和显示。 下面是一个MyPager类的示例代码,展示了如何通过继承CLinkPager来定制分页器的各个CSS类和文本标签...

    ASP.NET中自定义DataGrid分页设置的实现

    在本文中,我们将实现 DataGrid 的个性化分页设置。 首先,我们需要定义 ASPX 页面。在这个页面中,我们需要添加一个 DataGrid 控件,并将 AllowCustomPaging 设置为 False。这是因为我们要自定义 DataGrid 的分页...

    GridView系列---GridView分页

    2. 自定义分页模板:通过`PagerTemplate`可以完全控制分页栏的HTML结构,实现个性化分页界面。 六、分页性能优化 1. 使用缓存:对于静态或频繁访问的数据,可以考虑使用OutputCache来缓存整个GridView,减少数据库...

    asp.net分页控件AspNetPager4.0

    - **自定义分页样式**:可以创建自定义的CSS样式文件,通过设定AspNetPager的CssClass属性引用,实现个性化分页样式。 - **动态调整每页条数**:可以添加一个下拉列表让用户选择每页显示的记录数,根据选择的值动态...

    分页样式

    本话题将深入探讨“分页样式”这一主题,包括其设计原理、常见实现方式以及如何通过源码来定制个性化分页。 分页样式的核心目的是提高用户体验,使得用户能够在不加载所有数据的情况下,分批次查看和操作数据。常见...

    jquery的分页显示插件

    **jQuery分页显示插件详解** 在Web开发中,数据量较大的时候,为了提高...通过配置不同的参数和定制CSS样式,你可以创建符合项目需求的个性化分页效果。结合提供的示例和说明,开发者可以迅速掌握并应用到实际项目中。

    jQuery实现的可自定义输入页码的分页插件jqPagination.zip

    在IT行业中,分页是网页开发中不可或缺的一部分,尤其是在处理大量数据时,为了提高用户体验,分页能够有效...通过熟练掌握这个插件,开发者可以更轻松地在项目中实现高效的分页效果,同时满足用户对个性化分页的需求。

    jsam-paginationjs分页插件.zip

    **jsam-paginationjs分页插件详解** ...通过灵活配置参数和自定义样式,开发者可以根据项目需求轻松实现个性化分页效果。同时,它的事件驱动机制使得与后台数据交互更为顺畅,提升了整体应用的用户体验。

    jquery-page js+css

    - **自定义分页样式**:除了使用默认的CSS样式,还可以通过编写新的CSS规则,实现个性化分页设计,如圆形分页、简约风格等。 - **分页动画**:通过jQuery的动画功能,可以为分页添加过渡效果,提升用户体验。 - **...

    JQUERY 实战

    **jQuery实战:深入理解jQuery分页插件** 在Web开发中,数据的展示往往需要处理大量的信息,这时分页就显得尤为重要。...通过深入学习和实践,你可以创建出更加符合项目需求的个性化分页解决方案。

    AspNetPager示例

    总之,AspNetPager 是一款强大的分页解决方案,它提供了丰富的功能和高度的灵活性,可以帮助开发者轻松实现符合项目需求的个性化分页效果,同时减少代码编写的工作量。通过深入理解和熟练应用AspNetPager,可以提升...

    jQueryPage.rar

    《jQueryPage:高效实现网页分页功能》 在网页开发中,当数据量过大时,分页是一种常见的优化用户体验的方法,它可以将大量信息分成多个部分,让...通过合理的配置和定制,你可以创建出符合项目需求的个性化分页效果。

Global site tag (gtag.js) - Google Analytics