页面分页html拼接

淡淡的烟草味﹌ 2022-06-10 09:00 237阅读 0赞

success:function(data)\{  
    if(data.status == "success")\{  
     var page = data.p;  
     var html='';  
     for(var i = 0; i<page.result.length;i++)\{  
      html = html + '<a href="$\{ctx\}/inter/info-manager!getBycategoryId.action?recordId='+page.result\[i\].recordId+'" class="list">';  
      html=html+'<img src="'+page.result\[i\].infoImg+'" alt="" class="listImg">';  
      html=html+'<div class="info"><h1 class="title">'+page.result\[i\].infoTitle+'</h1>';  
      html=html+'<p class="content"> '+page.result\[i\].infoDepict+' </p>';  
      html=html+'</div></a>';  
     \}  
       
     // 添加分页选项:下一页  
     html = html + "<div style='text-align: center;display: -webkit-box;margin-left: 35%;'>"  
                 + "<input type='hidden' id='the\_page\_no' name='page.pageNo' value='" + page.pageNo + "' />"  
                 + "<input type='hidden' id='the\_page\_total' name='page.totalPages' value='" + page.totalPages + "' />"  
                 + "<input type='hidden' id='the\_page\_orderBy' name='page.orderBy' value='" + page.orderBy + "'/>"  
                 + "<input type='hidden' id='the\_page\_order' name='page.order' value='" + page.order + "' />"  
                 + "<input type='hidden' id='the\_page\_size' name='page.pageSize' value='" + page.pageSize + "' />"  
                 + "第" + page.pageNo + "页,"+ page.pageSize +"条/页,共" + page.totalPages + "页";  
     if(page.hasPre)\{  
      html = html + "<a id='preBtn' href='javascript:void(0);' οnclick='preBtn()'>上一页</a>";  
     \}  
     if(page.hasNext)\{  
      html = html + "<a id='nextBtn' href='javascript:void(0);' οnclick='nextBtn()'>下一页</a>";  
     \}  
     html = html + "&nbsp;&nbsp;&nbsp;&nbsp;总记录" + page.totalCount  
           + "条 至&nbsp;"  
           + "<input class='input\_1' id='the\_new\_page\_no' type='text' style='width: 25px;' />"  
           + "&nbsp;页&nbsp;"  
           + "<a href='javascript:void(0);' id='theTiaoZhuan' οnclick='theTiaoZhuan()'>跳转</a>"  
           + "</div>";  
            
     // 将新生成的页面替换原来的页面       
     $("\#pageReault").empty().append(html);  
       
    \}  
   \},