java - jsp中显示有限行数

Question

<table class="grid_alt" cellspacing="0" rules="all" border="1" id="id1" style="width:720px;border-collapse:collapse;">
<tbody>
<tr align="left">
<th scope="col"><%=partner %></th><th scope="col"><%=item %></th><th scope="col"><%=details %></th>
		</tr>
		 <%
 		   partnerListingMap = (HashMap)request.getAttribute("ResponseMap");
		 System.out.println("Im before condition");
         if(partnerListingMap !=null && partnerListingMap.size()>0)
         {
          System.out.println("In in Condition");
          Iterator it=partnerListingMap.keySet().iterator();
          int iPartnerListingLength=0;
          if(partnerListingMap.size()>100){
           iPartnerListingLength=100;
          }else{
           iPartnerListingLength=partnerListingMap.size();
          }
            for(int i=0;i<iPartnerListingLength;i++){
             PartnersListBean listingDetailBean=(PartnersListBean)partnerListingMap.get(i+1);
             String sCategoryCode=StringUtil.checkNull(listingDetailBean.getCategoryCode(),"");
             String sPartnerName=StringUtil.checkNull(listingDetailBean.getPartner(),"");
             String sPartnerId=StringUtil.checkNull(listingDetailBean.getMerchantId(),"");
             String sItem=StringUtil.checkNull(listingDetailBean.getEmirate(),"");
             String sDetails=StringUtil.checkNull(listingDetailBean.getBenefits(),"");
             %>
             <tr>
             <%-- <td><%=sPartnerId %></td> --%>
             <td><a  href="#" id=<%=sMerchantId %> name=<%=sPartnerId %>  onclick="javascript: return doSubmit(this.id,'<%=sPartnerId%>');">
                          
                          <%=sPartnerName%></td>
                           
             <td><%=sItem %></td>
                <td><%= sDetails%></td></tr>
             <%
            }
         }else{
        	 //Do nothing
         }
         
         %> 
         <tr id="btnNextImage" style="display:none;">
         <td><input type="image"  src="images/btn-next.gif" alt=">" onclick="javascript:__doPostBack('')" style="border-width:0px;" /></td>
         </tr>
	</tbody></table>

我在单个 jsp 中生成了无限数量的行。但问题是它每页显示 50 条记录。我应该在页面中显示有限的行数(例如每页 10 行)。我有两个按钮:“后退”和“下一步”。每当我单击它时，页面中仅应显示接下来的 10 行。当我点击返回时，应该显示前 10 条记录。我使用 java 从数据库生成行。我被这个问题困扰了。有没有可用的解决方案，例如 Javascript、JQuery 之类的!!!..

Answer 1

我认为您想要实现的是一些分页 TableView ，那里有相当多的 jquery 数据表插件。例如，尝试这个 jquery 库:DataTables - Table plug-in for jQuery 。它易于使用，您可以轻松配置由数据表创建的表。该网站有一个很好的set of examples关于如何使用它。

现在您需要做的就是从 Controller 加载初始页面，并在 Controller 中编写另一个方法，该方法将通过 ajax 调用(检查这些示例中的任何一个)，该方法将返回包含列表的 JsonObject。