Biegral Blog

文檔地址：
https://www.zhangxinxu.com/jq/pagination_zh/

参考插件jq22网示例
http://www.jq22.com/yanshi5697

我分享的下载地址：
链接: https://pan.baidu.com/s/1kwPldPXKIcsWLBM65ZDJaA 提取码: pcd5

參考代碼

$("#Pagination").pagination(56, { //总条目数
    num_edge_entries: 2,
    num_display_entries: 4,
    callback: pageselectCallback,//回调函数,默认无执行效果
    items_per_page:1
});

function pageselectCallback(page_id, jq) {
    //page_id為當前點擊的頁碼
	//下面獲取標籤的條件，然後發送到服務器執行查詢
	var ddlProvince = $("#ddlProvince").val();
	var ddlCity = $("#ddlCity").val();
	var ddlVilliage = $("#ddlVilliage").val();
	var txtKeywords = $("#txtKeywords").val();
	var pageStr = "";
	if (pageIndex != null && pageIndex != undefined) {
		pageStr = "&page=" + pageIndex;
	}
	//條件查詢發送參數
	location.href = "/admin/Map/List.aspx?keywords=" + txtKeywords + "&serproId=" + ddlProvince + "&sercityId=" + ddlCity + "&serareaId=" + ddlVilliage + pageStr;
    //阻止单击事件，分頁不會往後執行了		 
	return false;
}