利用DWR来自动填写表格
2008-05-09 10:20
246 查看
1、将dwr.jar放至WEB-INF/lib下面
2、将dwr.xml放至WEB-INF下面
<allow>
<create creator="new" javascript="AddressLookup">
<param name="class" value="zdsystem.AddressLookup"/>
</create>
</allow>
3.在web.xml中添加
<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>
4.index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dynamic Address Entry Demo</title>
<script type='text/javascript' src='../dwr/engine.js'> </script>
<script type='text/javascript' src='../dwr/util.js'> </script>
<script type='text/javascript' src='../dwr/interface/AddressLookup.js'> </script>
<script>
function fillAddress() {
var sfzh = dwr.util.getValue("sfz");
AddressLookup.fillAddress(sfzh, function(address) {
dwr.util.setValues(address);
});
}
</script>
</head>
<body>
<div id="tabContents">
<div id="demoDiv">
<table>
<tr>
<td>Zipcode/Postcode:</td>
<td><input id="sfz" type="text" onchange="fillAddress()"/></td>
</tr>
<tr>
<td>姓名:</td>
<td><input id="name" type="text"/></td>
</tr>
<tr>
<td>地址:</td>
<td><input id="address" type="text"/></td>
</tr>
</table>
</body>
</html>
5.AddressLookup.java
package zdsystem;
import java.util.HashMap;
import java.util.Map;
import com.comingnet.db.ProxoolAction;
import org.directwebremoting.util.LocalUtil;
/**
* @author Joe Walker [joe at getahead dot ltd dot uk]
*/
public class AddressLookup
{
private static final String NAME_1 = "name";
private static final String ADDRESS_1 = "address";
public Map fillAddress(String orgsfz)
{
Map reply = new HashMap();
String sfz = LocalUtil.replace(orgsfz, " ", "");
if (sfz.equalsIgnoreCase("4567899999999"))
{
reply.put(NAME_1, "ff");
reply.put(ADDRESS_1, "aa");
}else if (sfz.equalsIgnoreCase("555656556565655"))
{
reply.put(NAME_1, "sss");
reply.put(ADDRESS_1, "Na");
}
else
{
reply.put(NAME_1, "");
reply.put(ADDRESS_1, "");
}
return reply;
}
}
2、将dwr.xml放至WEB-INF下面
<allow>
<create creator="new" javascript="AddressLookup">
<param name="class" value="zdsystem.AddressLookup"/>
</create>
</allow>
3.在web.xml中添加
<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>
4.index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dynamic Address Entry Demo</title>
<script type='text/javascript' src='../dwr/engine.js'> </script>
<script type='text/javascript' src='../dwr/util.js'> </script>
<script type='text/javascript' src='../dwr/interface/AddressLookup.js'> </script>
<script>
function fillAddress() {
var sfzh = dwr.util.getValue("sfz");
AddressLookup.fillAddress(sfzh, function(address) {
dwr.util.setValues(address);
});
}
</script>
</head>
<body>
<div id="tabContents">
<div id="demoDiv">
<table>
<tr>
<td>Zipcode/Postcode:</td>
<td><input id="sfz" type="text" onchange="fillAddress()"/></td>
</tr>
<tr>
<td>姓名:</td>
<td><input id="name" type="text"/></td>
</tr>
<tr>
<td>地址:</td>
<td><input id="address" type="text"/></td>
</tr>
</table>
</body>
</html>
5.AddressLookup.java
package zdsystem;
import java.util.HashMap;
import java.util.Map;
import com.comingnet.db.ProxoolAction;
import org.directwebremoting.util.LocalUtil;
/**
* @author Joe Walker [joe at getahead dot ltd dot uk]
*/
public class AddressLookup
{
private static final String NAME_1 = "name";
private static final String ADDRESS_1 = "address";
public Map fillAddress(String orgsfz)
{
Map reply = new HashMap();
String sfz = LocalUtil.replace(orgsfz, " ", "");
if (sfz.equalsIgnoreCase("4567899999999"))
{
reply.put(NAME_1, "ff");
reply.put(ADDRESS_1, "aa");
}else if (sfz.equalsIgnoreCase("555656556565655"))
{
reply.put(NAME_1, "sss");
reply.put(ADDRESS_1, "Na");
}
else
{
reply.put(NAME_1, "");
reply.put(ADDRESS_1, "");
}
return reply;
}
}
相关文章推荐
- Word中如何自动编号公式并可以交叉引用(利用表格、文档部件、题注)
- python学习笔记(Tkinter编程利用Treeview实现表格自动更新)
- 利用TortoiseSVN钩子脚本,自动填写/导入日志信息
- 利用表格自动扩充表格区域代码
- 利用textbox自动生成一个表格 附详细解释
- 利用WebBrowser自动填写网页上的表单
- 利用CursorLoader实现短信验证码自动填写
- 求助:怎么样用VB实现对网页表格的自动填写功能?
- Android利用CursorLoader实现短信验证码自动填写
- 关于Smart Install Maker通过获取注册表自动填写上次的安装路径
- jsp中表格,表格中的文字根据表格的大小自动换行
- Bingo卡片案例笔记【三】、随机生成数字并填写到表格中去
- 利用改变表格颜色来模拟进度条
- (超级详细版)利用ThinkPHP3.2.3+PHPExcel实现将表格数据导入到数据库
- 利用宏自动产生Get/Set函数
- 用WORD编写自动计算与自动更新的表格(转帖)
- 利用windows任务执行批处理,实现ORACLE自动备份、删除过早备份
- 如何固定表格的宽度,让超出的内容自动换行
- 利用AutoSPSourceBuilder和Autospinstaller自动安装SharePoint Server 2013图解教程——Part 2
- Android 短信验证码自动填写