最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小OO 时间:2020-11-27 20:52:56
文档

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

1.使用插件为 jquery.pagination.js ,如果没有这个js文件的话,我可以给发个。首先引用 jquery.pagination.js (分页js),跟pagination.css(分页样式css)。点击获取查看这两个文件。2.页面js代码为;。3.页面里面的代码为。
推荐度:
导读1.使用插件为 jquery.pagination.js ,如果没有这个js文件的话,我可以给发个。首先引用 jquery.pagination.js (分页js),跟pagination.css(分页样式css)。点击获取查看这两个文件。2.页面js代码为;。3.页面里面的代码为。
 本文实例为大家分享了jquery分页插件实现无刷新分页的相关代码,供大家参考,具体内容如下

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

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

点击获取查看这两个文件

2.页面js代码为

3.页面里面的代码为

 
商品名:
商品编号 商品名称

4.页面后台代码为

 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代码为

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("");
 sb.Append(row["GoodsUid"]);
 sb.Append("");
 sb.Append(row["GoodsName"]);
 sb.Append("");
 }
 }
 return sb.ToString();
 }
 #endregion


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

6.效果图

文档

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

1.使用插件为 jquery.pagination.js ,如果没有这个js文件的话,我可以给发个。首先引用 jquery.pagination.js (分页js),跟pagination.css(分页样式css)。点击获取查看这两个文件。2.页面js代码为;。3.页面里面的代码为。
推荐度:
标签: 控件 分页 ajax
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top