js控制每页输出表格的多少行的问题、

JS分页传入的显示多少行参数。
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<title>JS静态分页程序</title>
</head>
<style type="text/css">
a:link,a:visited,a:hover,.current,#info{
    border:1px solid #DDD;
    background:#F2F2F2;
    display:inline-block;
    margin:1px;
    text-decoration:none;
    font-size:12px;
    width:15px;
    height:15px;
    text-align:center;
    line-height:15px;
    color:#AAA;
    padding:1px 2px;
}
a:hover{
    border:1px solid #E5E5E5;
    background:#F9F9F9;
}
.current{
    border:1px solid #83E7E4;
    background:#DFF9F8;
    margin:1px;
    color:#27CBC7;
}
#info{
    width:auto;
}
</style>
<body>
<div id="setpage"></div>
<script type="text/javascript">

</script>
</body>
</html>

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>表格分页显示</title></head><body>
<script language="javascript">

</script><input type=text value=4 id=pagesize>
<input type=button value="确定" onclick="changePageSize();">
<div id="divTable">
<table  border="1" cellpadding="0" cellspacing="0" id="tab1">
<tbody><tr>
<td width="73"> 序号</td>
<td width="223"> 标题</td>
<td width=80> 作者</td>
<td width=100> 发表时间</td></tr><tr height="20">
<td width="73">00</td>
<td width="223" align="left"><a href="###">00</a></td>
<td width=80>00</td>
<td width=100>00</td></tr><tr  height="20">
<td width="73">11</td>
<td width="223" align="left"><a href="###">11</a></td>
<td width=80>11</td>
<td width=100>11</td></tr><tr  height="20">
<td width="73">22</td>
<td width="223" align="left"><a href="###">22</a></td>
<td width=80>22</td>
<td width=100>22</td></tr><tr  height="20">
<td width="73">33</td>
<td width="223" align="left"><a href="###">33</a></td>
<td width=80>33</td>
<td width=100>33</td></tr><tr  height="20">
<td width="73">44</td>
<td width="223" align="left"><a href="###">44</a></td>
<td width=80>44</td>
<td width=100>44</td></tr><tr  height="20">
<td width="73">55</td>
<td width="223" align="left"><a href="###">55</a></td>
<td width=80>55</td>
<td width=100>55</td></tr><tr  height="20">
<td width="73">66</td>
<td width="223" align="left"><a href="###">66</a></td>
<td width=80>66</td>
<td width=100>66</td></tr><tr  height="20">
<td width="73">77</td>
<td width="223" align="left"><a href="###">77</a></td>
<td width=80>77</td>
<td width=100>77</td></tr><tr  height="20">
<td width="73">88</td>
<td width="223" align="left"><a href="###">88</a></td>
<td width=80>88</td>
<td width=100>88</td></tr><tr  height="20">
<td width="73">99</td>
<td width="223" align="left"><a href="###">99</a></td>
<td width=80>99</td>
<td width=100>99</td></tr>
</table>
</div>
<br>
<input id="first" type=button value="第一页" onclick="firstOrLast(0)">
<input id="back" type=button value="上一页" onclick="N(-1)">
<input id="next" type=button value="下一页" onclick="N(1)">
<input id="last" type=button value="最后一页" onclick="firstOrLast(1)"><script language="JavaScript">

</script></body></html>

非常感谢cntmi。在这个代码里面，如果选择的行数大于当前页面行数的时候，是添加了空行来补充。那么，请问，我是从数据库里取出了数据用jsp分页显示的。如果当前页面只有10行，我输入框输入了15行，怎么让剩下补充的5行是下一页的前5行呢？

leejelen，你好，我按你说的改了分页显示每页行数的变量，是动态获取文本框的数据。但是这样做了后原来5列的变变为3列了。而且只有表头，没有数据。怎么回事呢？

后台是不能那样操作的，其实，只需要回发事件去触发即可！更改一个查询的SQL就OK了，不知道你明白我的意思没有！

没有明白。
这个是我选择每页多少行的语句：
<span><B>每页显示：</B>
      <input type="text" style="width=40" value="10" name="page" id="pagesize">
      <input type="button" value="确定" onclick="changePageSize();">
</span>下面是我分页时动态传参数的语句：      String rows=request.getParameter("page");
      int record_per_page=Integer.parseInt(rows);   //每页显示的记录数
      int firstrecord_everypage=0;       //当前页面所显示的第一条记录的索引下面是我的查询语句：
String sql = "select RecvAccount,SenderAccount,RecvTime,MailTheme from TabGmailInbox order by RecvTime limit "+firstrecord_everypage+","+record_per_page+"";请问问题出在哪里呢？你说的回发触发，麻烦你再仔细一点解释一下好不好？谢谢谢谢

你把前台
pagesize的值，传到后台去，再有String rows=request.getParameter("page");
  int record_per_page=Integer.parseInt(rows); //每页显示的记录数
  int firstrecord_everypage=0; //当前页面所显示的第一条记录的索引
这个接收，然后查询，这样有问题吗？

是的。这样的话整个表格就不显示了。包括表头。请问我request.getParameter("page")是不是必须要先跳转到下一个页面才有效呢？我的这个语句是加在本页面的。。

用jsp打个for循环不就搞定！
你到多少没有

//以下代码实现分页,主要思路是输入一个页码,对应的行style.display='',其余行='none'
var pagesize=10;
var totalrecno=document.getElementById("show").rows.length-1;
var currentpageno=1;
var totalpage=totalrecno%pagesize==0?(parseInt(totalrecno/pagesize)):(parseInt(totalrecno/pagesize+1));
function ppage()
{
if(currentpageno==1)
{
}
else
{
currentpageno=currentpageno-1;
alterpage(currentpageno);
}
}
function npage()
{
if(currentpageno==totalpage)
{
}
else
{
currentpageno=currentpageno+1;
alterpage(currentpageno);
}
}
function spage()
{
var pageno=document.getElementById("pageNo").value;
alterpage(pageno);

}
function alterpage(pageno)//核心
{
var mytable=document.getElementById("show");
mytable.rows[0].display='';
var i=((pageno-1)*pagesize+1);
for(var j=1;j<i;j++)
{
mytable.rows[j].style.display='none';
}
for(;i<=pageno*pagesize&&i<=totalrecno;i++)
{
mytable.rows[i].style.display='';
}
for(;i<=totalrecno;i++)
{
mytable.rows[i].style.display='none';
}
}

调试易

js控制每页输出表格的多少行的问题、

解决方案 »