分页 pagination

<pre name="code" class="javascript"><pre name="code" class="javascript"><link href="<%=basePath%>commonFiles/pagination/pagination.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="<%=basePath%>commonFiles/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<%=basePath%>commonFiles/pagination/jquery.pagination.js"></script>


<script type="text/javascript">

var basepath = "<%=basePath%>";

//分页功能配置项
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;
}

//给td设置title属性
function setTitles() {
	$("td").each(function() {
		$(this).attr('title', $(this).text());
	});
}

$(function(){ // 首次加载生成页码和列表
	createPage(0);
});

function search(){ // 点击查询生成页码和列表
	createPage(0);
}

function getOpt(pageNo){ // 获取分页条件
	return {
			"currentPage" : pageNo	
	};
}

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

function createItems(pageNo){ // 生成信息列表
	var opt = getOpt(pageNo);
	opt["page.items"] = true;
	
	$.get(basepath + "manager/org_getOrgItems.action", opt, function(data){
		if(data.success){
			$(".fenge, .refresh").remove();
			var TR = [];
			TR.push("<tr class='trclass'>");
			TR.push("<td><input class='v' type='checkbox' style='margin-left:20px;' id='itemId' /></td>");
			TR.push("<td style='color:#0066cc' class='show' οnclick='show(itemId);'>itemName</td>");
			TR.push("<td>itemAddress</td>");
			TR.push("<td>itemDesc</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(/itemName/g, item.name)
				       .replace(/itemDesc/g, item.description)
				       .replace(/itemAddress/g, item.address);
					   
				if(i%2 == 0){
					tr = tr.replace("trclass", "refresh");
				}else{
					tr = tr.replace("trclass", "fenge");
				}
				html += tr;
			});
			
			$(".nr_box").append(html);
			
	        $("#currentPage").html(++data.page.pageNo);
	        setTitles();
		}
	});
	
}
	
</script>