在ASP.NET中实现自定义分页功能

在ASP.NET中实现自定义分页功能：

第一步：在前台页码中定义翻页的按钮

< table >< tr >< td style = " text-align: center;   height: 5%;width:100%  " >
                     < asp:LinkButton ID = " lnkbtnFirst "  runat = " server "  CssClass = " text_gg  "  Enabled = " False "
                        Font - Bold = " false "  OnClick = " PagerButtonClick " > 首页 </ asp:LinkButton >
                     < asp:LinkButton ID = " lnkbtnPre "  runat = " server "  CssClass = " text_gg  "  Enabled = " False "
                        OnClick = " PagerButtonClick " > 上一页 </ asp:LinkButton >
                     < asp:LinkButton ID = " lnkbtnNext "  runat = " server "  CssClass = " text_gg  "  Enabled = " False "
                        OnClick = " PagerButtonClick " > 下一页 </ asp:LinkButton >
                     < asp:LinkButton ID = " lnkbtnLast "  runat = " server "  CssClass = " text_gg  "  Enabled = " False "
                        OnClick = " PagerButtonClick " > 末页 </ asp:LinkButton >
                     < asp:Label ID = " lblPageCount "  runat = " server "  Text = " 共?页 " ></ asp:Label >
                     < asp:Label ID = " lblCurrentIndex "  runat = " server "  Text = " 第?页 " ></ asp:Label >
                     < asp:LinkButton ID = " lnkbtnJumpPage "  runat = " server "  CssClass = " text_gg  "  OnClick = " lnkbtnJumpPage_Click "
                        OnClientClick = " return checkGoPage() " > 转到 </ asp:LinkButton >< asp:TextBox ID = " txtJumpPage "  runat = " server "   onkeypress = " return InputLimit() "
                        onpaste = " return false "  Width = " 24px " ></ asp:TextBox >< asp:Label ID = " lblRecordpage "  runat = " server "  Text = " 页 " ></ asp:Label ></ td >  
                 </ tr >
                 </ table >

 

第二步：在对应CS文件里写分页按钮触发的事件

 

分页方法 #region 分页方法

    public void FillGridView()
    ...{
        this.SiteAreaGridView.PageIndex = 0;
        SiteAreaGridView.DataSource = siteBaseInfoManager.GetSiteAreaList();
        SiteAreaGridView.DataBind();
        this.currentPage.Value = (SiteAreaGridView.PageIndex + 1).ToString();
        lblCurrentIndex.Text = "第 " + (SiteAreaGridView.PageIndex + 1).ToString() + " 页";
        //lblPageCount.Text  = "共 <font  face='黑体'><strong>" +  SiteAreaGridView.PageCount.ToString() + "</strong></font> 页 ";
        lblPageCount.Text = "共 " + SiteAreaGridView.PageCount.ToString() + " 页";
        lnkbtnFirst.Enabled = false;
        lnkbtnPre.Enabled = false;
        lnkbtnNext.Enabled = false;
        lnkbtnLast.Enabled = false;

        if (SiteAreaGridView.PageCount != 1)
        ...{
            lnkbtnNext.Enabled = true;
            lnkbtnLast.Enabled = true;
        }
        // 设置LinkButton此时对应的参数
       lnkbtnFirst.CommandArgument = "1";
        lnkbtnPre.CommandArgument = (SiteAreaGridView.PageIndex == 0 ? "1" : SiteAreaGridView.PageIndex.ToString());
        lnkbtnNext.CommandArgument = (SiteAreaGridView.PageCount == 1 ? SiteAreaGridView.PageCount.ToString() : (SiteAreaGridView.PageIndex + 2).ToString());
        lnkbtnLast.CommandArgument = SiteAreaGridView.PageCount.ToString();
     
    }
    protected void PagerButtonClick(object sender, EventArgs e)
    ...{

        // 给页面中GRIDVIEW绑定数据源
        SiteAreaGridView.DataSource = siteBaseInfoManager.GetSiteAreaList();
        SiteAreaGridView.PageIndex = Convert.ToInt32(((LinkButton)sender).CommandArgument) - 1;
        SiteAreaGridView.DataBind();
        // 更新当前页面显示值

        lblCurrentIndex.Text = "第 " + (SiteAreaGridView.PageIndex + 1).ToString() + " 页";
        this.currentPage.Value = (SiteAreaGridView.PageIndex + 1).ToString();
        // 更新参数
        lnkbtnPre.CommandArgument = (SiteAreaGridView.PageIndex == 0 ? "1" : SiteAreaGridView.PageIndex.ToString());
        lnkbtnNext.CommandArgument = (SiteAreaGridView.PageCount == 1 ? SiteAreaGridView.PageCount.ToString() : (SiteAreaGridView.PageIndex + 2).ToString());
        SetLinkButtonEnabled();
    }

    /**//// <summary>
    /// 用于设置按钮的状态
    /// </summary>
    public void SetLinkButtonEnabled()
    ...{

        if (SiteAreaGridView.PageCount == SiteAreaGridView.PageIndex + 1)
        ...{
            lnkbtnNext.Enabled = false;
            lnkbtnLast.Enabled = false;
        }
        else
        ...{                     
            lnkbtnNext.Enabled = true;
            lnkbtnLast.Enabled = true;
        }
        if (SiteAreaGridView.PageIndex == 0)
        ...{
            lnkbtnPre.Enabled = false;
            lnkbtnFirst.Enabled = false;

        }
        else
        ...{
            lnkbtnPre.Enabled = true;
            lnkbtnFirst.Enabled = true;

        }

    }
    /**//// <summary>
    /// 点击”转到“按钮时候触发的事件
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void lnkbtnJumpPage_Click(object sender, EventArgs e)
    ...{

        // 重新绑定数据源
        SiteAreaGridView.DataSource = siteBaseInfoManager.GetSiteAreaList();
        SiteAreaGridView.PageIndex = int.Parse(txtJumpPage.Text) - 1;
        SiteAreaGridView.DataBind();
        // 更新当前页面显示值

        lblCurrentIndex.Text = "第 " + (SiteAreaGridView.PageIndex + 1).ToString() + " 页";
        this.currentPage.Value = (SiteAreaGridView.PageIndex + 1).ToString();
        // 更新参数
        lnkbtnPre.CommandArgument = (SiteAreaGridView.PageIndex == 0 ? "1" : SiteAreaGridView.PageIndex.ToString());
        lnkbtnNext.CommandArgument = (SiteAreaGridView.PageCount == 1 ? SiteAreaGridView.PageCount.ToString() : (SiteAreaGridView.PageIndex + 2).ToString());
        SetLinkButtonEnabled();
        this.txtJumpPage.Text = "";
    }
    #endregion

 在PAGE_LOAD中加入

this.txtJumpPage.Attributes.Add("style", "ime-mode:disabled");//屏蔽输入跳转页码的文本框的输入法

步骤3： 写JS文件，检查输入限制和在输入回车键后自动跳转页面

     // 限制用户只能输入数字
    function  InputLimit()
     ... {
        //如果输入的是“回车键”，则直接跳转
        if(event.keyCode==13) 
        ...{ 
      
         document.getElementById("lnkbtnJumpPage").click(); 
    
         } 
     if(event.keyCode>=48&&event.keyCode<=57) 
     ...{ 
   　　 return true;
     } 
   　 return false;
   }
    // 检查在输入框的页码
function  checkGoPage()
... { 
  var currentPage=document.getElementById("currentPage").value;
  var value=Trim(document.getElementById("txtJumpPage").value);
     var re = /^0*(0|1)$/;
  if(value=="")
  ...{
   // alert("请输入要跳转的页数！");
    document.getElementById("txtJumpPage").value="";
    document.getElementById("txtJumpPage").focus();
    return false;
  }
  else
   if(currentPage==1&&re.exec(value)!=null)
    ...{
       document.getElementById("txtJumpPage").value="";
    document.getElementById("txtJumpPage").focus();
    return false;
    }
    else if(currentPage!=1&&re.exec(value)!=null)
    ...{
       document.getElementById("txtJumpPage").value="1";
      return true;
    }
 
}