【问题标题】:Display limited number of rows in jsp在jsp中显示有限的行数
【发布时间】:2015-01-08 04:38:22
【问题描述】:

<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 或其他东西!!!..

【问题讨论】:

  • 请提供更多详细信息。
  • 你需要分页-试试this plugin

标签: java javascript jquery jsp


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-06-22
    • 1970-01-01
    • 1970-01-01
    • 2013-03-19
    • 2017-11-23
    • 1970-01-01
    相关资源
    最近更新 更多