Asp.Net之JS生成分页条的方法
Default.aspx.cs中的代码
protectedintpageIndex=1;
protectedintpageSize=10;
protectedintpageCount=100;
protectedstringname=string.Empty;
protectedvoidPage_Load(objectsender,EventArgse)
{
int.TryParse(Request.QueryString["pageIndex"],outpageIndex);
name=Request.QueryString["name"];
}
Default.aspx.cs中的代码
Body中的内容
名称:<inputtype="text"id="txtName"value="<%=name%>"/> <divid="PageBar">
JS中的内容
<scriptsrc="jquery-1.4.1.js"type="text/javascript"></script>
<scripttype="text/javascript">
varpagecount=<%=pageCount%>;
varpageindex=<%=pageIndex%>;
varpageSize=<%=pageSize%>;
$(function(){
createPageBar(pageindex,pagecount);
})
//生成分页条
functioncreatePageBar(pageindex,pageCount){
//拿到存放分页条的div并清空
varpageBarObj=$('#PageBar');
pageBarObj.html('');
//判断给定页码
if(pageindex<1){
pageindex=1;
}
if(pageindex>pageCount){
pageindex=pagecount;
}
//首页与上一页
$('<ahref="javaScript:void(0)">首页</a>').appendTo(pageBarObj).click(function(){
goPage(1);
});
if(pageindex>1){
$('<ahref="javaScript:void(0)">上一页</a>').appendTo(pageBarObj).click(function(){
goPage(pageindex-1);
});
}
//数字分页
varstart=pageindex-4;
if(start<1){
start=1;
}
varend=start+9;
if(end>pagecount){
end=pagecount;
}
for(vari=start;i<=end;i++){
$('<ahref="javascript:void(0)">['+i+']</a>').appendTo(pageBarObj).click(function(){
goPage(i);
});
}
//下一页与尾页
if(pageindex<pagecount){
$('<ahref="javaScript:void(0)">下一页</a>').appendTo(pageBarObj).click(function(){
goPage(pageindex+1);
});
}
$('<ahref="javaScript:void(0)">尾页</a>').appendTo(pageBarObj).click(function(){
goPage(pagecount);
});
}
//去跳转
functiongoPage(pageindex){
varname=$('#txtName').val();
window.location="/Default.aspx?pageindex="+pageindex+"&name="+name;
}
</script>
以上这篇Asp.Net之JS生成分页条的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。