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行）。我有两个按钮，分别是Back和Next。每当我点击它时，接下来的10行只应显示在页面中。当我点击后，应显示前10条记录。我使用java从数据库生成行。我坚持这个问题。有没有可用的解决方案，如Javascript，JQuery或其他!!! ..

Answer 1

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

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

在jsp中显示有限的行数

1 个答案: