집 >웹 프론트엔드 >JS 튜토리얼 >jquery.pagination.js 새로 고침이 필요 없는 paging_jquery 구현 단계 공유

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

WBOY원래의: 2016-05-16 17:53:36863검색

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

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

3. 페이지

코드 복사

코드는 다음과 같습니다.

< ;td >

제품 이름: < /td>

<입력 유형=" text" id="txtKeywords" class="keyword" />

제품 번호
;/th>

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 "'"); //총 페이지 수, 즉 총 페이지 수를 가져옵니다. 아직 이해가 안 되시면 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 구현 단계 공유

성명：

이전 기사：js_Basic 지식 중 scrollHeight, scrollWidth, scrollLeft, scrolltop 등의 차이점 소개다음 기사：js_Basic 지식 중 scrollHeight, scrollWidth, scrollLeft, scrolltop 등의 차이점 소개

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

관련 기사