asp.net web页面自定义分页控件使用详解

这几天学习了一下自定义分页控件,现将实现方法记录下来,亲测可以实现:

1.首先创建一个.ascx文件,命名为TurnPage,然后在里面写控件前台展示的界面:

2.然后在TurnPage.ascx.cs里面写相应的后台代码,代码如下:

namespace Web
{
public delegate void GoToPage(int PageNum);

public partial class TurnPage : System.Web.UI.UserControl
{
  private GoToPage _GoToPage = null;

  protected void Page_Load(object sender, EventArgs e)
  {

  }

  public void InitControl(GoToPage GP)
  {
    _GoToPage = GP;
  }

  public int DataCount
  {
    get { return Int32.Parse(lbl_TotalCount.Text); }
    set { lbl_TotalCount.Text = value.ToString(); }
  }

  public int CurrPageNum
  {
    get { return Int32.Parse(lbl_CurrPage.Text); }
    set { lbl_CurrPage.Text = value.ToString(); }
  }

  public int TotalPageNum
  {
    get { return Int32.Parse(lbl_TotalPage.Text); }
    set { lbl_TotalPage.Text = value.ToString(); }
  }

  public int PageSize
  {
    get { return Int32.Parse(ddl_PageSize.SelectedValue); }
  }

  protected void btn_FristPage_Click(object sender, EventArgs e)
  {
    _GoToPage(1);
  }

  protected void btn_PrevPage_Click(object sender, EventArgs e)
  {
    if (int.Parse(lbl_CurrPage.Text) > 1)
      _GoToPage(int.Parse(lbl_CurrPage.Text) - 1);
    else
      _GoToPage(1);
  }

  protected void btn_NextPage_Click(object sender, EventArgs e)
  {
    if (int.Parse(lbl_CurrPage.Text) < int.Parse(lbl_TotalPage.Text))
      _GoToPage(int.Parse(lbl_CurrPage.Text) + 1);
    else
      _GoToPage(int.Parse(lbl_TotalPage.Text));
  }

  protected void btn_LastPage_Click(object sender, EventArgs e)
  {
    _GoToPage(int.Parse(lbl_TotalPage.Text));
  }

  public void ControlButtonClick()
  {
    if (DataCount > 0)
    {
      btn_FristPage.Enabled = true;
      btn_PrevPage.Enabled = true;
      btn_LastPage.Enabled = true;
      btn_NextPage.Enabled = true;
    }
    else
    {
      btn_FristPage.Enabled = false;
      btn_PrevPage.Enabled = false;
      btn_LastPage.Enabled = false;
      btn_NextPage.Enabled = false;
    }

    if (CurrPageNum == 1)
    {
      btn_FristPage.Enabled = false;
      btn_PrevPage.Enabled = false;
    }

    if (CurrPageNum == TotalPageNum)
    {
      btn_LastPage.Enabled = false;
      btn_NextPage.Enabled = false;
    }

    if (CurrPageNum == 0)
    {
      btn_FristPage.Enabled = false;
      btn_PrevPage.Enabled = false;
      btn_LastPage.Enabled = false;
      btn_NextPage.Enabled = false;
    }
  }

  protected void ddl_PageSize_SelectedIndexChanged(object sender, EventArgs e)
  {
    _GoToPage(1);
  }

  protected void btn_GO_Click(object sender, EventArgs e)
  {
    int pageNum;
    if (int.TryParse(txt_PageNum.Text, out pageNum))
    {
      if (pageNum > TotalPageNum)
        _GoToPage(TotalPageNum);
      else if (pageNum < 1)
        _GoToPage(1);
      else
        _GoToPage(pageNum);
    }

  }
}}

3.控件的方法就写好了,现在要做的就是在其它页面引用这个控件了,引用方法如下:

然后在页尾还需配置一下:

4.这就是最后一步了,在你引用这个控件的页面的后台代码里写下以下语句:

大功告成了!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • asp.net下Repeater使用 AspNetPager分页控件

    一.AspNetPager分页控件 分页是Web应用程序中最常用到的功能之一,在ASP.NET中,虽然自带了一个可以分页的DataGrid(asp.net 1.1)和GridView(asp.net 2.0)控件,但其分页功能并不尽如人意,如可定制性差.无法通过Url实现分页功能等,而且有时候我们需要对DataList和Repeater甚至自定义数据绑定控件进行分页,手工编写分页代码不但技术难度大.任务繁琐而且代码重用率极低,因此分页已成为许多ASP.NET程序员最头疼的问题之一. AspNet

  • 关于asp.net 自定义分页控件

    这几天空学习了下自定义控件,参考了aspnetpager开发了自己的分页控件.相对aspnetpager来说功能是多,但个人感觉他的代码太多. 界面: 使用: <%@ Register assembly="YSM.AspNetPager" namespace="YSM.AspNetPager" tagprefix="cc1" %> 页面注册控件,也可以在web.config中配置 1.ajax之UpdatePanel分页则把控件放到U

  • asp.net分页控件使用详解【附实例下载】

    一.说明 AspNetPager.dll这个分页控件主要用于asp.net webform网站,现将整理代码如下 二.代码 1.首先在测试页面Default.aspx页面添加引用 <%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %> 2.写一个Repeater列表控件用于显示数据 <asp:Repeater ID

  • 分享一个asp.net pager分页控件

    效果: js: 复制代码 代码如下: $.fn.extend({ JPager: function (cfg, pageIndex, pageSize) { if (cfg && pageIndex > 0 && pageSize>0) { var token = "#" + this.attr("id"); this.empty(); var pageFirst = function () { $(token).JPag

  • asp.net自定义分页控件示例

    一..ascx页面 复制代码 代码如下: <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Pagination.ascx.cs" Inherits="IOCS.WEB.UserControl.Pagination" %><link href="../Content/Css/Pager.css" rel="s

  • asp.net webform自定义分页控件

    做web开发一直用到分页控件,自己也动手实现了个,使用用户自定义控件. 翻页后数据加载使用委托,将具体实现放在在使用分页控件的页面进行注册. 有图有真相,给个直观的认识: 自定义分页控件前台代码: <style type="text/css"> .pager-m-l { margin-left: 10px; } .pager { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; fo

  • 解析asp.net的分页控件

    一.说明 AspNetPager.dll这个分页控件主要用于asp.net webform网站,现将整理代码如下 二.代码 1.首先在测试页面Default.aspx页面添加引用 <%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %> 2.写一个Repeater列表控件用于显示数据 <asp:Repeater ID

  • asp.net中使用自定义控件的方式实现一个分页控件的代码

    一.概述 在web开发中,常常需要显示一些数据,而为了方便排版及浏览,我们只需要显示所有记录中的一部分.一般情况下,我们采用分页来实现这个需求.实现分页的方法多种多样,在本文中,我们采用了一个分页空间来记录记录总数.当前页.总页数及页面大小等.为了有一个直观上的印象,先展示该控件运行后的效果,效果如下图所示: 二.实现方案 为了实现该效果图,在asp.net中,可以使用Custom Controls and User Controls两种方式,User Controls的实现方式及其简单,而且使

  • asp.net分页控件AspNetPager的样式美化

    在前段时间的开发网站的过程中,突然觉得这个简洁的样式看着和网站整体的风格实在不搭调,于是看看AspNetPager的最后生成html,写了一段CSS样式,将分页的样式和网站整体风格统一起来了. 效果如下: 做的不是很好看,希望大家不要丢砖头,俺的头没包棉絮,伤不起 ~-_-~ CSS样式表: /* AspNetPager Style Power By http://www.edweb.cn */.pager{ width:95%;  margin:10px; line-height:20px;

  • AspNetAjaxPager,Asp.Net通用无刷新Ajax分页控件,支持多样式多数据绑定

    本控件可以对GridView,Repeater,DataGrid,DataList...几乎所有的.net数据绑定控件进行分页,全部无刷新,数据绑定部分可以使用存储过程也可以直接使用sql语句,这对本控件没有任何干扰!本控件具有较好的用户界面,能够根据需要变换各种样式,配合css控制效果则更好! 1.分页样式效果图: 2.如何使用: 于bin目录下添加:AspNetAjaxPager.dll引用 aspx文件内容: 复制代码 代码如下: <%@ Page Language="C#"

随机推荐