人妻仑乱少妇88MAV,亚洲国产日韩欧美一区二区三区,国产麻豆福利av在线播放

當(dāng)前位置：首頁 > 范文|應(yīng)用文 > IT技術(shù)專欄 > 網(wǎng)絡(luò)編程

jquery分頁插件jquery.pagination.js實(shí)現(xiàn)無刷新分頁

來源：易賢網(wǎng) 閱讀：1491 次日期：2016-07-08 16:03:42

溫馨提示：易賢網(wǎng)小編為您整理了“jquery分頁插件jquery.pagination.js實(shí)現(xiàn)無刷新分頁”,方便廣大網(wǎng)友查閱！

本文實(shí)例為大家分享了jquery分頁插件實(shí)現(xiàn)無刷新分頁的相關(guān)代碼，供大家參考，具體內(nèi)容如下

1.使用插件為 jquery.pagination.js ，如果沒有這個js文件的話，我可以給發(fā)個。

首先引用 jquery.pagination.js （分頁js），跟pagination.css（分頁樣式css）。

點(diǎn)擊獲取查看這兩個文件

2.頁面js代碼為

var pageIndex = 0; //頁面索引初始值

var pageSize = 15; //每頁顯示條數(shù)初始化，修改顯示條數(shù)，修改這里即可

$(function () {

InitTable(0); //Load事件，初始化表格數(shù)據(jù)，頁面索引為0（第一頁）

//分頁，PageCount是總條目數(shù)，這是必選參數(shù)，其它參數(shù)都是可選

$("#Pagination").pagination(<%=pcount%>, {

callback: PageCallback, //PageCallback() 為翻頁調(diào)用次函數(shù)。

prev_text: "« 上一頁",

next_text: "下一頁 »",

items_per_page:pageSize,

num_edge_entries: 2, //兩側(cè)首尾分頁條目數(shù)

num_display_entries: 6, //連續(xù)分頁主體部分分頁條目數(shù)

current_page: pageIndex, //當(dāng)前頁索引

});

//翻頁調(diào)用

function PageCallback(index, jq) {

InitTable(index);

}

//請求數(shù)據(jù)

function InitTable(pageIndex) {

$.ajax({

type: "POST",

dataType: "text",

url: 'http://www.cnblogs.com/tool/Reserver/ManageBuyBatchManage.ashx', //提交到一般處理程序請求數(shù)據(jù)

data: "pageIndex=" + (pageIndex) + "&pageSize=" + pageSize, //提交兩個參數(shù)：pageIndex(頁面索引)，pageSize(顯示條數(shù))

success: function(data) {

$("#Result tr:gt(0)").remove(); //移除Id為Result的表格里的行，從第二行開始（這里根據(jù)頁面布局不同頁變）

$("#Result").append(data); //將返回的數(shù)據(jù)追加到表格

}

});

}

});

</script>

3.頁面<body>里面的代碼為

<tr>

</tr>

</table>

<tr>

</tr>

</table>

4.頁面后臺代碼為

protected int pcount = 0; //總條數(shù)

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

BLL.TbGoods bll = new BLL.TbGoods();

pcount = bll.GetRecordCount("Status='" + (int)Enum.RecordStatus.Normal + "'"); //獲取頁面總條數(shù)，即要現(xiàn)實(shí)的數(shù)據(jù)總條數(shù)，還不明白的話，就是select count（*）from Table ，就是這里的個數(shù)。

}

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

{

/// <summary>

/// ListBuyBatchManage 的摘要說明

/// </summary>

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; //具體的頁面數(shù)

int.TryParse(context.Request["pageIndex"], out pageIndex);

if(context.Request["pageSize"]!=null&&context.Request["pageSize"].ToString().Length > 0)

{

//頁面顯示條數(shù)

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)); //獲取數(shù)據(jù)源的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();