2013-12-23 73 views
0

我想實現下面的jsp表的分頁,其中名稱,標題和流派將從數據庫檢索。我想列出每頁1個數據。分頁不工作的表概念

在頭我已經使用下面我有下面的代碼編碼

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="/Fileupload/js/jquery.paginate.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#paging_container3').pajinate({ 
    num_page_links_to_display : 1, 
    items_per_page : 1, 
    }(jQuery)); 
    }); 
</script> 

在JSP文件

<div id="paging_container3"> 
    <table border="1" id="myTable"> 
    <tbody> 
     <tr> 
      <td><b>Name</b></td> 
      <td><b>Title</b></td> 
      <td><b>Genre</b></td> 
      <% 
      while(rs.next()) 
      { 
       String name = rs.getString("Name"); 
       String title = rs.getString("Title"); 
       String genre = rs.getString("Genre"); 
      %> 
      <tr><td><%=name %></td><td><%=title %></td><td><%=genre %></td></tr> 
      <% 
      } 
      %> 
     </tbody> 
    </table> 
    </div> 

任何人都可以建議,其中i有集中固定issue.Thanks預先

+0

你能詳細說明**不工作**嗎?你有什麼錯誤嗎? –

+0

我得到的錯誤是'({num_page_links_to_display:1,items_per_page:1})'不是函數 – saminathan

+0

你是否檢查過你的表格行?,它沒有正確關閉。 –

回答

1

請確保您正在關注這些,並檢查您的pajinate.js路徑。

DEFAULT USAGE 
--------------------------------- 
1) Place pajinate-x.x folder somewhere in your website directory structure. 
2) Include script tags for the desired version of the script. 
3) Create at least one <div> in your HTML with a CSS class 
value of "page_navigation". The navigation links will be 
attached to these divs. 
4) Ensure that all items you would like to page through are 
all the first-children of an HTML element with a CSS 
class value of "content". The child-elements can be of any tag type. 
5) Call the Pajinate plugin with the function. 

欲瞭解更多詳情請通過此鏈接。 https://github.com/wesnolte/Pajinate。可能是你的html需要看起來像這樣,

<div id="page_container"> 
<div class="page_navigation"></div>  
     <ul class="content"> 
      <li> <p>One</p> </li> 
     <li> <p>Two</p> </li> 
     <li> <p>Three</p> </li> 
     <li> <p>Four</p> </li> 
     <li> <p>Five</p> </li> 
     <li> <p>Six</p> </li> 
     <li> <p>Seven</p> </li> 
     <li> <p>Eight</p> </li> 
    </ul> 
    </div>  
</div> 
+0

感謝vinoth,我錯過了上面列出的三點。現在問題解決了。 – saminathan

+0

不客氣,請將此標記爲答案。所以其他人會利用這個答案。 –