大家可能很常用一个查询的jsp页面,这个jsp页面很常见的布局是上面一个form,放置一些查询条件;下面一个grid的form,放置查询结果gird。
这里主要征对的是grid分页时所涉及到的相应的form与参数的探讨。
当gird分页时,要把这个document的所有(包括查询条件的form和显示grid的form)的元素作为参数进行传递,同时取出grid这个form的url值,放在一个obj里。如下:
Js代码
function getFormInfo(event){
var formInfo = {url:"",pars:""};
for (var i=0,formNum = document.forms.length;i<formNum;i++){
if(document.forms[i].contains(Event.element(event))){
formInfo.url = document.forms[i].action;
}
formInfo.pars += "&&" + encodeURI(Form.serialize(document.forms[i]));
}
return formInfo;
}
1、在上述代码中通过调用form.contains(srcElement)来得到点击元素的form,从而得到这个form的url。
2、上述代码通过遍历document的所有的form,通过encodeURI(Form.serialize(document.forms[i]))把form的元素编码后作为参数传递。
3、上述代码最后返回的是一个obj,这个obj存放了gird from的url和这个jsp页面所包含的所有编码后的参数。
参数传递完,后台获取到了参数就可以根据得到的参数值进行查询分页了:)
如果有较为复杂的需求:
第一种情况:比如需要点击grid的某个单元格的值,open出一个页面,在open出的页面(我们暂把它叫作第二个页面,opner的页面我们叫它第一个页面)里显示具体的grid列表。如在第一个页面的gird的单元格为故障次数为5的值,点击这个5后,要能open出一个显示具体的5条记录的gird的页面。如果要在open出的页面的gird要正确的分页,必须得到opner的页面(第一个页面)的查询条件的那个form的参数值。
上述代码getFormInfo()方法显示不能满足要求,因为它是只在自己所处的页面的document去取元素的值,并没有考虑它所opener的页面的document。所以我们需要把第一个页面的查询form的元素考虑上去。
第二种情况:还有一种情况是,我们“点击这个5后,要能open出一个显示具体的5条记录的gird的页面”,用了encodeURI(Form.serialize(forms[0]))的方法把我们所需要的form的所有元素作为参数传递了。但是点击5后需要传的参数是equip_type_no(设备类型)这个参数,可能query这个form里也有equip_type_no这个元素,而我们单独要传的equip_type_no参数是在grid的某个单元格得到的,它写在encodeURI(Form.serialize(forms[0]))的后面,这时候后台只取前面的equip_type_no参数的值,而忽略了后面的我们真正关心的equip_type_no的参数值。
要解决多个参数名相同而取我们关心的那个值对,可以先删除search字符串里所有的值对名为equip_type_no的值,然后再追加(append)我们的要传的参数值。
解决上面两个问题的代码如下:
首先可以在打开的页面(第二个页面)里写个隐藏域,值包含要传递到后台的那个openr的form的index值和要append的参数值对:
Js代码
<input type="hidden" size="200" name="APPENDPARSOBJ" value="{openerForm:0,appendPars:'BRANCH_CENTER_NO=<%=request.getParameter("BRANCH_CENTER_NO")%>&EQUIP_TYPE_NO=<%=request.getParameter("EQUIP_TYPE_NO")%>&MODEL=<%=request.getParameter("MODEL")%>'}"></input>