jquery分页插件jquery.pagination.js实现无刷新分页

本文实例为大家分享了jquery分页插件实现无刷新分页的相关代码,供大家参考,具体内容如下

1.使用插件为 jquery.pagination.js ,如果没有这个js文件的话,我可以给发个。

首先引用 jquery.pagination.js (分页js),跟pagination.css(分页样式css)。

获取查看这两个文件

2.页面js代码

rush:js;">

3.页面里面的代码

rush:xhtml;"> 商品编号

4.页面后台代码

rush:csharp;"> protected int pcount = 0; //总条数 protected void Page_Load(object sender,EventArgs e) { if (!IsPostBack) { BLL.TbGoods bll = new BLL.TbGoods(); pcount = bll.GetRecordCount("Status='" + (int)Enum.RecordStatus.normal + "'"); //获取页面总条数,即要现实的数据总条数,还不明白的话,就是select count(*)from Table ,就是这里的个数。 } }

5.一般处理程序fffff.ashx代码

rush:csharp;"> using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Text; using System.Data;

namespace EShop.Web.Admin.tool.Reserver
{
///


/// ListBuyBatchManage 的摘要说明
///

public class ListBuyBatchManage : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
String str = string.Empty;

if (context.Request["pageIndex"] != null && context.Request["pageIndex"].ToString().Length > 0)
{
int pageIndex; //具体的页面
int.TryParse(context.Request["pageIndex"],out pageIndex);
if(context.Request["pageSize"]!=null&&context.Request["pageSize"].ToString().Length > 0)
{
//页面显示条数
int size = Convert.ToInt32(context.Request["pageSize"]);
string data= BindSource(size,pageIndex);
context.Response.Write(data);
context.Response.End();
}
}

}

region 无刷新分页

public string BindSource(int pagesize,int page)
{
BLL.TbGoods bll=new BLL.TbGoods();
DataSet ds = bll.GetListByPage("Status='" + (int)Enum.RecordStatus.normal + "'","",pagesize page + 1,pagesize (page + 1)); //获取数据源的ds会吧。
StringBuilder sb = new StringBuilder();
if (ds!=null)
{
foreach (DaTarow row in ds.Tables[0].Rows)
{
sb.Append("<tr><td>");
sb.Append(row["GoodsUid"]);
sb.Append("</td><td>");
sb.Append(row["GoodsName"]);
sb.Append("</td></tr>");
}
}
return sb.ToString();
}

endregion

public bool IsReusable
{
get
{
return false;
}
}
}
}

6.效果

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

相关文章

jQuery表单验证提交:前台验证一(图文+视频)
jQuery表单验证提交:前台验证二(图文+视频)
jQuery如何实时监听获取input输入框的值
JQuery怎么判断元素是否存在
jQuery如何实现定时重定向
jquery如何获取复选框选中的值
商品名称