欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jQuery Pagination分页插件參數條件查詢

程序员文章站 2022-07-14 09:18:29
...

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

參考代碼

$("#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;
}
相关标签: Pagination分页