在SPRING中集成DWR实现二级菜单的级联响应

功能说明

在项目中要实现当杂志选项改变时,其对应的期刊选项中的内容也要跟着改变.

由于项目是用SPRING开发,因此可以很好的集成DWR

首先在 WEB.XML中配置DWR

<servlet>
   <servlet-name>dwr-invoker</servlet-name>
   <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
   <init-param>
    <param-name>debug</param-name>
    <param-value>true</param-value>
   </init-param>
 </servlet>

  <servlet-mapping>
   <servlet-name>dwr-invoker</servlet-name>
   <url-pattern>/dwr/*</url-pattern>
 </servlet-mapping>

在DWR.XML中配置JAVA类以及对应的 javascript类 ,queryparameterajax必须在SPRING中配置

<dwr>
  <allow>   

    <create creator="spring" javascript="QueryParameterAjax">
        <param name="beanName" value="queryparameterajax"/>
    </create>

    <convert match="ParaBean" javascript="parabean" converter="bean"/>

  </allow>
</dwr>

这样在javascript中就可以直接通过调用对应的javascript文件来调用java类
 JSP代码如下

引入js文件

<script type='text/javascript' src=/dwr/interface/QueryParameterAjax.js'></script>
  <script type='text/javascript' src='/dwr/engine.js'></script>
  <script type='text/javascript' src='/dwr/util.js'></script>

function   onChange(obj)   //通过调用JS文件来调用java类
  {  
  QueryParameterAjax.queryissuelistbynameid( document.all.magnameid.value, fillmagissue );
  }  
 
function fillmagissue(resultlist) //JS的回调函数 更新界面

{
 document.all.magissue.options.length=0;
 for(var i=0; i<resultlist.length; i++){
  var parabean=resultlist[i];
  var oOption=new Option(parabean.name,parabean.id);
  document.all.magissue.options.add(oOption);
  }
 
}

 

杂志
<html:select property="magnameid" size="1" οnchange="onChange(this)" >
 <html:options collection="MagList" property="id" labelProperty="name"/>
</html:select>
<br/>

杂志期刊<html:select property="magissue" size="1" >
 <html:options collection="MagIssueList" property="id" labelProperty="name"/>
</html:select>