当前位置: 首页 > 工具软件 > Pagination > 使用案例 >

pagination的使用

吕嘉赐
2023-12-01

$(function(){
	// 页面加载时创建第0页
	createPage(0);
});

function search(){
	// 点击搜索创建第0页
	createPage(0);
}
function getOpt(pageNo){
	var stuName = $("#stuName").val();
	var stuIdnumber = $("#stuIdnumber").val();
	
	return {
			"currentPage" : pageNo,
			"stuName" : stuName,
			"stuIdnumber" : stuIdnumber
	};
}

// 生成分页按钮
function createPage(pageNo){
	var opt = getOpt(pageNo);
	opt["page.count"] = true;
	
	$.post(basepath+"manager/student_getExamResultItems.action",opt,function(data){
		if(data.success){
	        $(".digg").pagination(data.page.totalCount, getOptionsFromForm());
	        $("#totalCount").html(data.page.totalCount);
		}
	});
}

//生成信息列表
function createItems(pageNo){
	var opt = getOpt(pageNo);
	opt["page.items"] = true;

	$.post(basepath+"student/examResult.action",opt,function(data){
		if(data.success){
			$(".fenge, .refresh").remove();
			var TR = [];
			
			TR.push("<tr class='trclass'>");
			TR.push("<td>itemExamTime</td>");
			TR.push("<td>itemResult</td>");
			TR.push("</tr>");
			TR = TR.join("");
			var tr;
			var html = "";
			$(data.page.result).each(function(i, item){
				
				tr = TR.replace(/itemId/g, item.id)
				       .replace("idnumber", item.stu.idnumber)
				       ;

				html += tr;
			});
			
			$("信息列表选择器").append(html);
			
	        $("#currentPage").html(++data.page.pageNo);
	        setTitles();
		}
	});
	
}

	// 设置分页插件参数
	function getOptionsFromForm(){
		 $("#selectAll").attr("checked",false);
		var opt = {callback: createItems};
		opt["items_per_page"]=15;//显示条数
		opt["num_display_entries"]=7;//连续分页主体部分分页条目数
		opt["num_edge_entries"]=2;//两侧首尾分页条目数 
		opt["prev_text"]="上一页";
		opt["next_text"]="下一页";
        return opt;
    }



 类似资料: