页面分页jquery

时间:2010-08-05 05:42:48

标签: jquery jsp jquery-plugins pagination jquery-pagination

我尝试过jquery来进行页面分页。该示例显示以下内容:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="quickpager.jquery.js"></script>
<script type="text/javascript">
/* <![CDATA[ */

$(document).ready(function() {


    $("ul.paging").quickPager();


    $("ul.paging2").quickPager({pagerLocation:"both"});
});

/* ]]> */
</script>
<body>
    <h1>SimplePager demo page</h1>
    <p><a href="http://www.geckonewmedia.com/blog/2009/8/14/jquery-youtube-playlist-plugin---youtubeplaylist">back to blog post</a></p>
            <code>
            <pre>
    $("ul.paging").quickPager();
            </pre>
        </code>


<ul class="paging">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
    <li>15</li>
</ul>

在页面中显示每个10条记录:#refrence:http://www.geckonewmedia.com/blog/2009/8/20/simplepager---jquery-paging-plugin--已更新

我使用了相同的,但尝试从db中检索值而不是硬编码,但是分页不存在,只有20个记录在没有分页的情况下被检索。我可以做这种类型的代码吗?

<% 
while(rs.next()){

%>  
<ul class="paging">
    <li><%=rs.getString("customer_name")%></li>
</ul>

<%

}

rs.close();

%> 

1 个答案:

答案 0 :(得分:1)

它应该是这样的......

<ul class="paging">
<% 
    while(rs.next()){    
%>
        <li><%=rs.getString("customer_name")%></li>
<%    
    }    
    rs.close();    
%>    
</ul>