jquery.pagination.js 새로 고침이 필요 없는 paging_jquery 구현 단계 공유

WBOY
풀어 주다: 2016-05-16 17:53:36
원래의
849명이 탐색했습니다.

1. jquery.pagination.js 플러그인을 사용하세요. 이 js 파일이 없으면 보내드릴 수 있습니다.
먼저 jquery.pagination.js(페이지 매김 js)를 인용하고 그 뒤에 pagination.css(페이지 매김 스타일 CSS)를 인용합니다.
2. 페이지 js 코드는

코드를 복사하세요 코드는 다음과 같습니다.




3. 페이지


코드 복사
코드는 다음과 같습니다.

< ;td >

제품 이름: < /td> <입력 유형=" text" id="txtKeywords" class="keyword" />


제품 번호
;/th>



코드 복사
코드는 다음과 같습니다. 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 "'"); //총 페이지 수, 즉 총 페이지 수를 가져옵니다. 아직 이해가 안 되시면 Table에서 count(*)를 선택하시면 됩니다.
}
}


5. 일반 핸들러 fffff.ashx 코드는



코드 복사
입니다. 코드는 다음과 같습니다.

시스템 사용;
System.Collections.Generic 사용;
System.Linq 사용;
System.Web 사용;
System.Text 사용;
System.Data 사용;
네임스페이스 EShop.Web.Admin.tool.Reserver
{
///
/// ListBuyBatchManage 的摘要说明
///

공용 클래스 ListBuyBatchManage : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
문자열 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)
{
//页side显示条数
int size = Convert.ToInt32(context.Request["pageSize"]);
문자열 데이터= BindSource(size,pageIndex);
context.Response.Write(데이터);
context.Response.End();
}
}
}
#region 无刷新分页
공개 문자열 BindSource(int pagesize,int page)
{
BLL.TbGoods bll=new BLL.TbGoods( );
DataSet ds = bll.GetListByPage("Status='" (int)Enum.RecordStatus.Normal "'", "", 페이지 크기 * 1페이지, 페이지 크기 * (1페이지)); //获取数据源的ds会吧。
StringBuilder sb = new StringBuilder();
if (ds!=null)
{
foreach(ds.Tables[0].Rows의 DataRow 행)
{
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.pagination.js 새로 고침이 필요 없는 paging_jquery 구현 단계 공유
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿