初学DWR 动态添加选择项

DWR2.0.5版本 页面端工具util.js对选择框select的操作
效果演示 http://directwebremoting.org/dwr/browser/lists
dwr.util.addOptions() http://directwebremoting.org/dwr/browser/addoptions

1. 页面端引入util.js文件
    <script type="text/javascript" src="dwr/util.js"></script>
 
2. 编写客户端页面
   * Array of Strings ：dwr.util.addOptions(id, [ "one", "two", "three" ]);
      按照给出的字符数组生成选择项，选择项的值和文本一样

   * Array of Objects : dwr.util.addOptions(id, data, "name");
      data是对象数组，name是对象的一个属性，则选择项的值和文本都是对象的属性值
  
   * Array of Objects : dwr.util.addOptions(selectid, data, valueprop, textprop);
      不针对对ol或ul，这个只适合Select，指定了选择项的值和文本分别对应对象的两个属性
      这个方法的演示使用了AJAX的技术，在applicationContext.xml文件里配置
      <dwr:convert type="bean" class="com.wfy.dwr.UserInfo"/>
  
   * Object : dwr.util.addOptions(selectid, map, reverse);
      reverse取值true或false
      true ：map的key作为选择项的文本，map的value作为选择项的value
      false：相反，key作为选择项的value，mpa的value作为选择项文本
      1) 新建类UserMap，方法getUserMap返回Map
      2) 在applicationContext.xml文件里配置
       <bean id="userMap" class="com.wfy.dwr.UserMap">
          <dwr:remote javascript="userMap">
             <dwr:convert type="map" class=""/>
          </dwr:remote>
       </bean>
      3) 在jsp文件里引用js文件
       <script type="text/javascript" src="dwr/interface/userMap.js"></script>

 

3. 另外：可以在applicationContext.xml文件里为一个bean同时配置多个convert
 <bean id="userAjax" class="com.wfy.dwr.UserAjax">
  <dwr:remote javascript="userAjax">
   <dwr:include method="getUserMap1"/>
   <dwr:include method="getUsers"/>
   <dwr:convert type="bean" class="com.wfy.dwr.UserInfo"/>
   <dwr:convert type="map" class=""/>
  </dwr:remote>
 </bean>