`
txf2004
  • 浏览: 7033311 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

AspNetPager样式以及使用(漂亮)

 
阅读更多

分页是Web应用程序中最常用到的功能之一,AspNetPager 简单实用,应用到项目后台中,棒极了!

  自定义样式:

  <style type="text/css">

  /*拍拍网风格*/

  .paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}

  .paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}

  .paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}

  .paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}

  .paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}

  /*淘宝风格*/

  .paginator { font: 12px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}

  .paginator a {border:solid 1px #ccc;color:#0063dc;cursor:pointer;text-decoration:none;}

  .paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}

  .paginator .cpb {border:1px solid #F50;font-weight:700;color:#F50;background-color:#ffeee5;}

  .paginator a:hover {border:solid 1px #F50;color:#f60;text-decoration:none;}

  .paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover

  {float:left;height:16px;line-height:16px;min-width:10px;_width:10px;margin-right:5px;text-align:center;

  white-space:nowrap;font-size:12px;font-family:Arial,SimSun;padding:0 3px;}

  </style>

  前台:<table cellpadding="0" cellspacing="0" align="center" width="99%" class="border">

  <tr>

  <td align="left" colspan="2">

  <webdiyer:AspNetPager ID="AspNetPager1" CssClass="paginator" CurrentPageButtonClass="cpb" runat="server" AlwaysShow="True"

  FirstPageText="首页" LastPageText="尾页" NextPageText="下一页" PageSize="20" PrevPageText="上一页" ShowCustomInfoSection="Left"

  ShowInputBox="Never" onpagechanged="AspNetPager1_PageChanged" CustomInfoTextAlign="Left" LayoutType="Table" >

  </webdiyer:AspNetPager>

  </td>

  </tr>

  </table>

  后台:

  void bindData()

  { .......绑定语句 this.AspNetPager1.CustomInfoHTML = string.Format("当前第{0}/{1}页 共{2}条记录 每页{3}条", new object[] { this.AspNetPager1.CurrentPageIndex, this.AspNetPager1.PageCount, this.AspNetPager1.RecordCount, this.AspNetPager1.PageSize });

  }

  protected void AspNetPager1_PageChanged(object src, EventArgs e)

  {

  bindData();

  }

分享到:
评论

相关推荐

    AspNetPager样式使用(漂亮)

    AspNetPager样式使用 AspNetPager是ASP.NET中的一种分页控件,能够帮助开发者快速实现分页功能。该控件提供了多种样式和自定义选项,能够满足不同的需求。下面是AspNetPager样式使用的一些知识点: 1. 自定义样式...

    AspNetPager 样式以及使用

    AspNetPager 是一个在ASP.NET应用程序中广泛使用的网页分页控件,它允许开发者轻松地实现数据的分页显示。在Web开发中,特别是在处理大量数据时,分页功能至关重要,因为它提高了用户界面的响应速度和用户体验。...

    AspNetPager 控件入门使用

    它提供了多种分页样式,包括数字、上一页/下一页按钮,以及第一页/最后一页选项。用户可以根据实际需求自定义每页显示的数据量,同时,控件支持动态加载数据,避免一次性加载大量数据导致页面响应变慢。 在使用...

    分页控件(AspNetPager)的使用

    下面将详细介绍AspNetPager的使用方法和关键特性。 首先,AspNetPager控件的安装通常是通过NuGet包管理器进行的。在Visual Studio中打开项目,选择“工具”-&gt;“NuGet包管理器”-&gt;“管理解决方案的NuGet包”,然后...

    AspNetPager

    AspNetPager分页控件的所有导航元素都可以由用户进行单独控制,从6.0版起,AspNetPager支持使用主题(Theme)与皮肤(Skin)统一控件的整体样式,配合asp.net 2.0中的DataSource控件,AspNetPager只需要编写短短几行...

    AspNetPager分页并设置样式

    本教程将详细介绍如何使用AspNetPager控件进行分页,并探讨如何自定义样式,使得分页效果更符合网站整体设计。 首先,要使用AspNetPager控件,你需要将其添加到你的ASP.NET项目中。这通常通过NuGet包管理器完成,...

    AspNetPager控件使用说明

    AspNetPager控件使用说明 .cs 文件

    AspNetPager基本用法+AspNetPager72.Dll+Demo

    这个压缩包包含的资源是关于AspNetPager的基本用法以及AspNetPager7.2版本的Dll文件和一个Demo示例。 在 ASP.NET 开发中,当网页需要显示大量数据时,分页是一种常见的优化策略,可以提高用户体验,避免一次性加载...

    aspnetpager

    4. **自定义样式**:通过CSS样式控制分页按钮的外观,或者使用控件提供的模板来自定义分页条的布局。 5. **性能优化**:aspnetpager支持数据缓存和延迟加载,以提高性能。例如,可以只在用户滚动到底部时加载下一页...

    AspNetPager .dll文件的使用

    除了基础用法之外,`AspNetPager`还支持更多高级功能,例如自定义URL重写模式、动态调整分页按钮样式等。这些特性使得开发者能够根据实际需求定制出更加符合用户习惯的分页界面。 总之,`AspNetPager`是一个非常...

    AspNetPager 源代码含测试用例

    `NavPage.master`是主页面模板,它定义了页面的整体布局和样式,包括AspNetPager控件的呈现方式。在ASP.NET中,Master Page允许创建一个统一的布局,可以被多个内容页面共享。在`NavPage.master`中,我们可能看到...

    aspnetpager.dll分页控件

    2. **高度可定制化**: 控件支持多种分页样式,包括数字按钮、上一页/下一页按钮等,可以自定义样式以适应不同的界面设计需求。 3. **性能优化**: 内置缓存机制,减少了对数据库的频繁访问,提高了页面加载速度。 4. ...

    AspNetPager示例源码学习 7.2

    AspNetPager分页控件的所有导航元素都可以由用户进行单独控制,从6.0版起,AspNetPager支持使用主题(Theme)与皮肤(Skin)统一控件的整体样式,配合asp.net 2.0中的DataSource控件,AspNetPager只需要编写短短几行...

    AspNetPager分页控件.rar

    同时,了解如何正确处理数据源的分页逻辑,以及如何通过事件处理程序响应用户操作,是使用AspNetPager控件的关键。通过深入研究提供的帮助文档和示例,开发者可以更高效地利用这个工具来提升网页的用户体验。

    mvc分页事例用到aspnetpager

    在`aspnetpager`的设置中,控制器还需要配置每页显示的记录数以及总记录数,这些信息会传递给视图。 视图则是根据控制器传递的数据来展示分页的结果。在本例中,我们将使用`aspnetpager`控件来显示分页导航。`...

    aspnetpager 源码示例 很好

    总结起来,"aspnetpager 源码示例"是一个实用的学习工具,涵盖了ASPNetPager控件的使用、配置和样式定制。通过研究这个示例,你可以深入理解ASP.NET分页的原理,提升Web开发技能,同时还能提高项目的开发效率和用户...

    AspNetPager示例源码学习

    通过详细研究"AspNetPager示例源码学习_7.2"这个压缩包中的代码,你可以逐步掌握使用AspNetPager控件进行网页分页的方法,提升你的ASP.NET开发技能。同时,这个过程也将帮助你更好地理解ASP.NET的页面生命周期、数据...

Global site tag (gtag.js) - Google Analytics