使用DOJO在java webwork项目中无刷新提交尝试

先记录一下，网上相关的东西太少，希望能抛砖引玉 --------------------------- 公司开发了一个新项目，希望能快速生成代码，经过多次讨论选择了Appfuse1.9.3-webwork分支？不明白其中的过程，但是既然选择了就要搞定不是？ Appfuse1.9.3-webwork，下面简称Appfuse。由hibernate+spring+webwork+sitemesh+ajax等一揽子当今牛X的开源项目组成，其中WW还集成使用了DOJO等小编。 --------------------------- 经过测试，WW所用的DOJO版本V0.2和新的V0.3没有冲突，引入0.3版本，主要使用其封装的页面控件和无刷新提交。 下面的JSP页面是一个大的页面下面包括多个子form，每个子form要独立提交，各个子form不在同一个transaction中 页面片段： 代码 <divid="jj_edit"> <!--rightbegin--> <divid="apply_msg"dojoType="TabContainer"> <c:iftest="${判断条件}">//满足判断条件则显示 <divid="lftb1"dojoType="ContentPane"label="ApplyForm" href="/ICardApp/includepage/editApplyForm.action?method=Add&from=list"> </div> <scripttype="text/javascript"> formCont.add("saveApplyForm","apply_msg"); formPane.add("saveApplyForm","lftb1"); </script> </c:if> <c:iftest="${判断条件}">//满足判断条件则显示 <divid="lftb2"dojoType="ContentPane"label="ContactClien" href="/ICardApp/includepage/editContactClient.action?method=Add&from=list"> </div> <scripttype="text/javascript"> formCont.add("saveContactClient","apply_msg"); formPane.add("saveContactClient","lftb2"); </script> </c:if> </div> js变量定义 代码 <scripttype="text/javascript"src="<c:urlvalue='/scripts/dojo.js'/>"></script> <scripttype="text/javascript"> vardjConfig={isDebug:true}; dojo.require("dojo.widget.TabContainer"); dojo.require("dojo.widget.LinkPane"); dojo.require("dojo.widget.ContentPane"); dojo.require("dojo.collections.Dictionary"); varformCont=newdojo.collections.Dictionary();//定义子form所在的TabContainer和ContentPane标签队列 varformPane=newdojo.collections.Dictionary(); varupdatedform=document.forms; </script> 重点来啦，提交脚本如下： 代码 <scripttype="text/javascript"> functionmain_form_submit(){//总页面提交 synfunc(); } functionsynfunc(){//顺序提交各个页面 for(vari=0;i<updatedform.length;i++){ vartmpform=updatedform[i]; if(tmpform.updated==true){ varbindArgs={ url:tmpform.action, mimetype:"text/plain", timeoutSeconds:5000, method:"POST", formNode:document.getElementById(tmpform.id), handle:function(type,data,evt){ if(type=="load"){ document.getElementById(formPane.entry(tmpform.id)).innerHTML=data; synfunc(); }elseif(type=="error"){ //tmpform.updated=false; alert("Anerroroccurred.");//here,"data"isourerrorobject }elseif(type=="timeout"){ //tmpform.updated=false; alert("outoftime!"); } } }; dojo.io.bind(bindArgs); break; }//endifupdated==true }//endfor } </script> 其中，contactClientForm.jsp页面代码如下： 代码 <%@includefile="/common/taglibs.jsp"%> <ww:formname="contactClientForm"action="saveContactClient"method="post"validate="true"> <ww:hiddenname="contactClient.contactClientId"value="%{contactClient.contactClientId}"/> <ww:textfieldlabel="%{getText('contactClient.contactType')}"name="contactClient.contactType" value="%{contactClient.contactType}"required="true"onchange="this.form.updated=true;"/> <ww:textfieldlabel="%{getText('contactClient.affirmType')}"name="contactClient.affirmType" value="%{contactClient.affirmType}"required="true"onchange="this.form.updated=true;"/> <ww:textfieldlabel="%{getText('contactClient.letter')}"name="contactClient.letter" value="%{contactClient.letter}"required="true"onchange="this.form.updated=true;"/> </ww:form> 欢迎拍砖。

声明：JavaEye文章版权属于作者，受法律保护。没有作者书面许可不得转载。若作者同意转载，必须以超链接形式标明文章原始出处和作者。