分页 pagination

来源:互联网 发布:提高作文水平的书 知乎 编辑:程序博客网 时间:2024/05/16 10:59
<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' onclick='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>


                                             
0 1