读书人

求一段javascript代码!解决办法

发布时间: 2012-04-16 16:20:04 作者: rapoo

求一段javascript代码!

HTML code
<%@ page language="java" contentType="text/html; charset=UTF-8"          pageEncoding="UTF-8"  import="java.util.*,java.lang.*,java.lang.Iterable.*"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>图籍查询</title>     <%    String str[][]=(String[][])request.getAttribute("tujijieguo"); //显示数组    String str1[][]=new String[str[0].length][str.length];     //查询框                  for(int i=0; i<str[0].length;i++)                              //查询框赋值,将数组转向        {            for(int j=0;j<str.length;j++)                                        {                       str1[i][j]=str[j][i];            }        }         HashSet<String> set=new HashSet<String>();                                      int z=0;        String s1[][]=new String[str1.length][str1[0].length];        String s="";                        for(int i=0;i<str1.length;i++)                                      {            z=0;            for(int j=0;j<str1[0].length;j++)            {                set.add(str1[i][j]);                                  //通过循环 去掉重复项目            }                        Iterator<String> inter =set.iterator();                      //定义对象并且赋值                         while(inter.hasNext())            {                 s =(String)inter.next();                 s1[i][z]=s;                 z++;            }                    set.clear();        }              int a []={3,4,5,7,9,10},k;                       if(str.length%10==0)               k=str.length/10;           else               k=str.length/10+1;         %> <script type="text/javascript">        function reserveCheck(id)     {           var ids = document.getElementsByName(id);           var len = ids.length;           if (len > 0)         {                var i = 0;                for (i = 0; i < len; i++)              {                  if (ids[i].checked)                     ids[i].checked = false;                    else                      ids[i].checked = true;                 }            }        }     function rx(id)     {           var ids = document.getElementsByName(id);           var len = ids.length;           if (len > 0)         {                var i = 0;                for (i = 0; i < len; i++)              {                                  ids[i].checked = true;                }            }        }     function rq(id)     {           var ids = document.getElementsByName(id);           var len = ids.length;           if (len > 0)         {                var i = 0;                for (i = 0; i < len; i++)              {                                  ids[i].checked = false;                }            }        }           </script>      <style>form {    margin:0px;    padding:0px;}</style>   </head><body><form action="./Tuji?leibie=tujichaxun" method="post" ><table width="740"  border="1" align="center" STYLE="table-layout: fixed"  class="selectDiv" ><tr>    <td width="10%">图纸编号</td>    <td width="10%">专业</td>    <td width="15%">设计名称</td>    <td width="10%">图号</td>    <td width="20%">名称</td>    <td width="10%">现存数</td>    <td width="8%">存放位置</td>    <td width="21%">操作</td>  </tr>       <tr>         <td><input type="text" name=bianhao value="编号"/></td>        <% for(int i=0;i<a.length;i++)              {                        %>          <td><select  name=xz<%=i%>   style="width:100%">              <%               if(request.getParameter("xz"+i)==null||request.getParameter("p").equals("重置"))              {              %>                   <option>请选择</option>              <%               }              else              {              %>                        <option><%=request.getParameter("xz"+i)%></option>              <%              }              for(int j=0;j<str1[0].length;j++)              {                  if(s1[a[i]][j]!=null)                  {                  %>                          <option ><%=s1[a[i]][j]%></option>                          <%                          }                                 }                  %></select></td><%                          }      %>          <td><input type="submit" name=p value="查询"/><input type="submit" name=p value="重置"/></td>    </tr>    </table></form>        <form action="./Tuji?leibie=xiangxi"  method="post" >    <table width="740"  border="1" align="center" STYLE="table-layout: fixed" >  <tr>    <td width="10%">图纸编号</td>    <td width="10%">专业</td>    <td width="15%">设计名称</td>    <td width="10%">图号</td>    <td width="20%">名称</td>    <td width="10%">套数</td>    <td width="8%">现存数</td>    <td width="17%">存放位置</td>  </tr> <tr><td colspan="2"><input type="checkbox"  onclick="rx('ck')" >全选</td><td colspan="2"><input type="checkbox"  onclick="rq('ck')" >取消</td><td colspan="2"><input type="checkbox"  onclick="reserveCheck('ck')" >反选</td></tr>    <% for(int i=0;i<str.length&&i<10;i++)                  //显示zn数组值,考虑,如果在查询结果中再次查询。        {    %>        <tr>        <%              for(int j=0;j<str[0].length;j++)            {                 if(!(j==0||j==2||j==6||j==10||j==11||j==12||j==13||j==14))                {                                         if(j==1)                     {%>                     <td><input type=checkbox id=ck name=h+<%=i%> value=<%=str[i][1]%>><input type=submit name=test3 value="<%=str[i][j]%>"></td>                     <%                     }                     else                     {                     %>                           <td align=left valign=middle ><%=str[i][j]%></td>                     <%                     }                          }                            }        %>        </tr>        <%} %><tr><td colspan="4">请输入借出数量:<input type="text"  name="fxk1" value="1"/></td><td ><input type="submit" value="提交" ></td><td align="center"></tr></table></form><form action="./Tuji?leibie=tujichaxun"  method="post" ><table width="740"  border="1" align="center" STYLE="table-layout: fixed" ><tr><td><input type="submit" name=kkx value="首页" ></td><td><input type="submit" name=kkx   value="尾页" ></td><td><input type="submit"  name=kkx value="上一页" ></td><td><input type="submit" name=kkx value="下一页" ></td><td>当前第<input type="text" name=kkz value=123 disabled="disabled" >页</td><td>共<input type="text"  name=kkz value="123" disabled="disabled">页</td></tr></table></form></body></html> 




我的jsp页面代码如上,所有的数据来源都是String str[][]=(String[][])request.getAttribute("tujijieguo");现在我想通过首页、尾页、上一页、下一页四个按钮加上javascript 对for的初值和上限作为变量 进行赋值,控制翻页,求相应脚本代码,当然也可以将显示页面单独刷新,反正我要的就是翻页效果,还有动不动,给我来句用ajax然后就走人的人们,你们是高人,不要在此留下你的脚印了,浪费我的表情。

[解决办法]
楼主最好还是先把你的需求说一下,到底要做一个什么功能,实现什么样的效果,这样直接看大量的代码理解起来很麻烦,而且这样很少会有人去都你的帖子的……

如果是要做一个请求列表的显示及翻页效果的话,干嘛要这样用大量的js代码,js代码最简单的话有一个向后台发送请求页面列表的方法就可以了,上一页、下一页等这样的按钮传递的值让后台来控制,当然用js也是可以的

另外页面上看到的翻页效果,看上去是只是列表的内容发生了改变,而输入请求条件的那些输入框等内容没有重新加载,不用ajax也是能够实现的,你用两个页面,其中一个页面只显示请求的列表内容,其他的什么都不要显示,请求新页面时,重新加载(使用jquery的load方法)这个list页面就可以了,看上去跟局部刷新是一样的,这么说不知道楼主是不是清楚了,或者有思路了,我也只能说这么多了……

读书人网 >Java Web开发

热点推荐