模态窗口DWR调用,填充select

yourgame

浏览: 356360 次
性别:
来自: 深圳

最近访客更多访客>>

jianshun19

gueizi198523

tod

mft8899

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

dwr select 下拉框模态窗口父窗口

Myeclipse 5.1 + dwr2.0 + jsp一般我们再工作当中都是利用返回Map来填充下拉框。这样比较方便，可以吧数据查找出来后，包装成Map，如果用TreeMap即实现了一定的排序。具体请往下看!

1.首先新建项目,把dwr.jar拷贝到lib目录

2.添加web.xml代码

<?xml version="1.0" encoding="UTF-8"?> 
<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee 
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> 
  <servlet> 
     <servlet-name>dwr-invoker</servlet-name> 
     <servlet-class>org.directwebremoting.servlet.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> 
</web-app>

3.dwr.xml内容

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd"> 
<dwr> 
  <allow> 
    <create creator="new" javascript="Test"> 
      <param name="class" value="com.test.Test" /> 
    </create> 
  </allow> 
</dwr>

4.Test.java内容

package com.test; 

import java.util.Map; 
import java.util.TreeMap; 

/** 
* @author lhq E-mail:yourgame@163.com 
* @version 创建时间：2008-4-1 下午09:07:25 
*/ 
public class Test { 
   public Map getOptions() { 
      Map map = new TreeMap(); 
      map.put("1", "aa"); 
      map.put("2", "bb"); 
      map.put("3", "cc"); 
      map.put("4", "dd"); 
      map.put("5", "ee"); 
      return map; 
   } 
}

5.index.jsp内容

<%@ page language="java" pageEncoding="UTF-8"%> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<script type='text/javascript' src='/dwrselec/dwr/interface/Test.js'></script> 
<script type='text/javascript' src='/dwrselec/dwr/engine.js'></script> 
<script type='text/javascript' src='/dwrselec/dwr/util.js'></script> 
<script type="text/javascript"> 
function init(){ 
  Test.getOptions(function(data){ 
    dwr.util.removeAllOptions('x'); 
    dwr.util.addOptions('x',{'':'请选择'}); 
    dwr.util.addOptions('x',data); 
  }); 
} 
</script> 
</head> 
<body> 
<input type="button" value="showModalDialog()" 
onclick="window.showModalDialog('a.jsp',window,'dialogWidth:200px;dialogHeight:50px');"> 
<select id="x" name="x" 
onchange="alert(this.options[this.selectedIndex].value)"> 
<option> 
sdf 
</option> 
</select> 
</body> 
</html>

6.a.jsp 内容

<%@ page language="java" pageEncoding="UTF-8"%> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<script type='text/javascript' src='/dwrselec/dwr/interface/Test.js'></script> 
<script type='text/javascript' src='/dwrselec/dwr/engine.js'></script> 
<script type='text/javascript' src='/dwrselec/dwr/util.js'></script> 
<script type="text/javascript"> 
var s = window.dialogArguments; 
</script> 
</head> 
<body> 
<input type="button" value="调用父窗口的方法" onclick="s.init();" /> 
</body> 
</html>

分享到：