DWR 实现联动的简单小实例
来源:互联网 发布:维普数据库的同义词 编辑:程序博客网 时间:2024/05/18 09:19
首先,将dwr.jar放到web-inf/lib中
1)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>
<display-name>DWR Servlet</display-name>
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>false</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
</web-app>
2)新建一个与web.xml同级的dwr.xml:
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr//dwr20.dtd">
<dwr>
<allow>
<create creator="new" javascript="Demo">
<param name="class" value="GetDate"/>
</create>
<create creator="new" javascript="List">
<param name="class" value="ListTest"/>
</create>
</allow>
</dwr>
3)前台页面dyn.jsp:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src='dwr/interface/List.js'></script>
<script src='dwr/engine.js'></script>
<script src="dwr/util.js"></script>
<script language="javascript">
function updateClass() {
List.getClassList(createClass);
}
function createClass(data) {
DWRUtil.removeAllOptions("classid");
DWRUtil.addOptions("classid", data);
}
function updateUser() {
List.getUserList(DWRUtil.getValue("classid"),createUser);
}
function createUser(data) {
DWRUtil.removeAllOptions("userid");
DWRUtil.addOptions("userid", data);
}
</script>
<title></title>
</head>
<body onload="updateClass()">
Class:<select name="classid" id="classid" onchange="javascript:updateUser();"></select><br>
User:<select name="userid" id="userid"></select>
</body>
</html>
4)后台java文件:
import java.util.LinkedHashMap;
import java.util.Map;
public class ListTest {
public Map getClassList() {
Map map = new LinkedHashMap();
map.put("0", "请选择");
map.put("1", "班级一");
map.put("2", "班级二");
map.put("3", "班级三");
return map;
}
public Map getUserList(String id) {
Map map = new LinkedHashMap();
if(id.equals("1")) {
map.put("1", "同学一");
map.put("2", "同学二");
map.put("3", "同学三");
} else if(id.equals("2")) {
map.put("4", "同学四");
map.put("5", "同学五");
map.put("6", "同学六");
} else if(id.equals("3")) {
map.put("7", "同学七");
map.put("8", "同学八");
map.put("9", "同学九");
} else {
map.put("", "请选择");
}
return map;
}
}
- DWR 实现联动的简单小实例
- 学习Ajax的简单联动小实例
- 学习Ajax的简单联动小实例
- DWR实现的二级联动
- DWR的简单实现
- dwr 源码 dwr的简单实现 dwr简单示例
- dwr实现简单的helloWorld
- DWR 实现联动下拉列表
- Dwr 联动效果实现全程:
- DWR入门小实例
- struts+dwr实现下拉列表的二级联动
- 基于dwr框架的简单实例 转帖
- 一个简单的DWR框架实例
- 一个简单的dwr小程序
- dwr小例子最简单的
- dwr简单使用实例
- DWR简单实例
- dwr简单应用实例
- Tornado启动仿真器时出现错误:error : simulator failed to initialize before timeout.
- HRway领导力提升系统(成长经历版)
- Symbol 開發初體驗(4)
- Unicode相关的编码问题
- Galbanum之08总结
- DWR 实现联动的简单小实例
- mplayer 字幕显示
- JS基础学习篇----Javascript keycode大全
- 数据检索-分类汇总-MSSQL版本
- 从科教片人猿的进化差异想到...
- 一个基于MFC的自动化(Automation)实例
- 怎样解决"App_GlobalResources映射到此应用程序外部的目录,这是不受支持的"!
- H.264便携式实时编解码器的方案探讨
- 类似八皇后算法