在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

我認為您想要實現的是一些分頁的表格視圖，那里有很多jquery datatable插件。 例如，嘗試以下jquery庫： DataTables-jQuery的表插件 。 它易於使用，您可以輕松配置由datatable創建的表。 該網站提供了一系列有關如何使用它的示例 。

現在，您需要做的就是從控制器加載初始頁面，並在控制器中編寫另一個方法，該方法將通過ajax調用（檢查其中的任何示例），該方法將返回包含列表的JsonObject。