原创  在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文件里写分页按钮触发的事件

分页方法

 在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;
    }
 
}

发表于 @ 2007年11月03日　14:51:00 | 评论( loading... ) | 编辑| 举报| 收藏

旧一篇:SQL Server数据库的表中不能输入汉字的问题 | 新一篇:实现ajax时一些跨浏览器的js方法
查看最新精华文章 请访问博客首页相关文章
  • 发表评论
  • 评论内容：
  •  
Copyright © aaronbai
Powered by CSDN Blog