dwr 联动下拉框

最新推荐文章于 2015-01-01 10:03:25 发布

口袋鸭

最新推荐文章于 2015-01-01 10:03:25 发布

阅读量102

点赞数

分类专栏：技术文章标签： DWR JavaScript Ajax DAO XML ViewUI

技术专栏收录该内容

14 篇文章 0 订阅

订阅专栏

今天在公司无聊，学学dwr 下拉框联动，看了几个帖子，自己随手做了一个，业务很简单
也不整dao了，直接往一个map里面放东西.弄完后对比了一下，现在公司的实现还是用最原
始的ajax，页面代码很繁琐，而dwr的代码几行就搞定了
页面

<head>
    <script type='text/javascript' src="${base}/dwr/engine.js"></script>
    <script type='text/javascript' src="${base}/dwr/util.js"></script>
   <script type='text/javascript' src="${base}/dwr/interface/testDwr.js"></script>
    <script language="javascript">  
        function changeSelect(value){
        try{
  testDwr.getMap(value,fillSelect);
   }catch(e){
      alert(e.description);
    }
        }
        
        function fillSelect(data){
     try{
    var q_status=$('q_status');   
    DWRUtil.removeAllOptions(q_status);   
    DWRUtil.addOptions(q_status,{'':'请选择'});  
    DWRUtil.addOptions(q_status,data);  
     }catch(e){
     alert(e.description);
     }
    } 
    </script>
</head>
<body style="overflow-x:hidden;overflow-y:auto;">
<td >
<select name="q_status">
<option value="" ></>
       </select>
  </td>         
  <td >
        <select name="cc" οnchange="changeSelect(this.value)">
  <option value="1">1</>
  <option value="0">0</>
        </select>
</td>        
</body>

dwr.xml

 <create creator="new" javascript="testDwr">
           <param name="class" 
            value="com.xxx.TestDwr" />
        </create>

java:

package com.xxx
import java.util.HashMap;
import java.util.Map;
public class TestDwr {

public Map getMap(String key){
  HashMap map = new HashMap();
  
  if(key.equals("1")){
   map.put("beijing", "北京");//value是显示出来的,map的key是option的value
   map.put("ganzhou", "赣州");
  }else{
   map.put("New York", "纽约");
   map.put("london", "伦敦");
  }
  return map;
}
}