<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>
分页 pagination
最新推荐文章于 2024-05-21 17:16:51 发布