2015-01-08 3 views
0

Дисплей ограниченное количество строк в Jsp

<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> 
 
\t \t </tr> 
 
\t \t <% 
 
    \t \t partnerListingMap = (HashMap)request.getAttribute("ResponseMap"); 
 
\t \t 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{ 
 
     \t //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> 
 
\t </tbody></table>

Я вызвал бесконечное число строк в одной JSP. Но проблема в том, что он показывает 50 записей на странице. Я должен отображать ограниченное количество строк на странице (Ex.10 строк на странице). У меня есть две кнопки: Назад и Далее. Всякий раз, когда я нажимаю его, следующие 10 строк должны отображаться только на странице. Когда я нажимаю назад, должны отображаться предыдущие 10 записей. Созданы строки из базы данных с помощью java. Я застрял в этой проблеме. Есть ли какие-либо решения, такие как Javascript, JQuery или что-то в этом роде !!! ..

+0

Просьба представить более подробную информацию о том, что вы сделали. –

+0

Вам нужно pagination-try [этот плагин] (http://tutorials.ajaxmasters.com/pagination-demo/) – Haris

ответ

1

Я думаю, что вы пытаетесь достичь, это какой-то paginated table view, там довольно много встроенных в jQuery плагинов. Например, попробуйте эту библиотеку jquery: DataTables - Table plug-in for jQuery. Он прост в использовании, и вы можете легко создавать таблицы, созданные с помощью datatable. На сайте есть хороший set of examples о том, как его использовать.

Теперь все, что вам нужно сделать, это загрузить исходную страницу с вашего контроллера и написать другой метод в контроллере, который будет вызван через ajax (проверьте любой из этих примеров), который вернет JsonObject, содержащий список.

Смежные вопросы