<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" pageEncoding="UTF-8"%>
<script type="text/javascript" src='<c:url value="/dwr/engine.js"/>'></script>
<script type="text/javascript" src='<c:url value="/dwr/util.js"/>'></script>
<html>
<head>
<title>dwrTest</title>
<script type="text/javascript">
var cellFuncs2 = [//获取行数据
function(data) { return count++; },
function(data) { return data; },
function(data) {
return "<input type='text' name='Test' />";
},
function(data) {
return "<input id='delete' type='button' value='Delete' onclick=\'delRow(this)\'/>";
}
];
function clickAdd(){
DWRUtil.addRows("table2",
["测试行"+count],//行数据要根据这里来获取数据
cellFuncs2, //获取行数据的函数
{ escapeHtml:false }
);
}
//删除全部
function clearRows(){
DWRUtil.removeAllRows("table2");
}
//删除行
function delRow(obj)
{
var tr = obj.parentElement.parentElement;
var tb = tr.parentElement.parentElement;//table标签和tr标签隐式存在一个tbody
tb.deleteRow(tr.rowIndex);
}
</script>
<body>
<input type="button" name="button3" value="AddRows" onclick="clickAdd()"/>
<input type="button" name="button4" value="ClearRows" onclick="clearRows()"/>
<table width="600" border="1" height="30">
<thead>
<tr>
<td>id</td>
<td>name</td>
<td>input</td>
<td>action</td>
</tr>
</thead>
<tbody id="table2">
<tr>
<td>0</td>
<td>名称</td>
<td><input type="text" name="a" id="a"/></td>
<td>
<input id="delete" type="button" value="Delete" onclick="delRow(this)"/></td>
</tr>
</tbody>
</table>
</body>
</html>
分享到：
相关推荐
### DWR 入门与应用知识点详解 #### 一、DWR 概念与作用 DWR（Direct Web Remoting）是一种开源框架，用于简化Java服务器端与浏览器客户端之间的交互。它通过允许JavaScript直接调用Java方法，为前端开发者提供了...
DWR 是一个开源JavaScript库，允许Web应用程序在客户端和服务器之间进行实时通信，即实现Ajax（异步JavaScript和XML）功能。它简化了JavaScript与Java后端服务的交互，让开发者能够调用服务器上的方法，就像它们是...
配置工作通常在web.xml中进行，其中包含了关于DWR的初始化和哪些Java类或方法可以被前端JavaScript调用的配置信息。配置完成后，我们就可以开始使用DWR了。 创建基于DWR的AJAX应用程序通常涉及以下步骤： 1. 在...
**DWR3.0应用详解** DWR (Direct Web Remoting) 是一种JavaScript库，它允许Web应用程序在客户端和服务器之间进行实时通信，无需刷新页面。DWR3.0是其一个重要版本，提供了对现代浏览器的支持，包括新版的Opera，但...
【标题】基于DWR框架的GMap应用源码实例 【描述】在现代Web应用程序中，用户期望实时交互和丰富的用户体验。DWR（Direct Web Remoting）是一个强大的JavaScript库，它使得JavaScript和Java服务器端之间可以进行直接...
Direct Web Remoting (DWR) 框架是一种在Web应用程序中实现Ajax（异步JavaScript和XML）技术的工具。DWR允许JavaScript在浏览器端直接调用服务器端的Java方法，实现了页面与服务器的实时交互，提升了用户体验。下面...
将SSH与DWR整合可以创建出交互性更强的前端应用。 SSH框架简介： 1. Struts2：作为MVC（Model-View-Controller）架构的一部分，负责处理用户请求并将其转发到相应的Action。Action处理业务逻辑后，返回结果给视图层...
在提供的“AJAX框架DWR简单应用.pdf”文件中，你可能会找到关于如何设置DWR环境、编写Java接口、配置DWR配置文件、在前端JavaScript中使用DWR，以及示例代码和实际运行效果的详细教程。这个文件是学习和理解DWR工作...
Direct Web Remoting (DWR) 是一个开源的Java库，它允许JavaScript在浏览器端与服务器端的Java对象进行交互，从而实现动态Web应用程序。DWR通过AJAX技术提供了一种简单的方法来创建富客户端界面，使得用户可以在不...
使用MyEclipse 5.5把该应用布置到Tomcate的webapp目录下 4. 使用demo\布置之后lib替换被布置到Tomcat下的lib 5. 在MyEclipse 5.5启动web服务器 6. 打开IE，在地址栏中输入：...
DWR (Direct Web Remoting) 是一种用于在Web应用程序中实现AJAX技术的Java库，它允许JavaScript与服务器端的Java代码进行交互，无需页面刷新即可更新部分网页内容。DWR简化了前后端数据交换的过程，提高了用户体验。...
### 基于Ajax技术的DWR框架的研究与应用 #### 概述 随着Web技术的不断发展，用户对于Web应用的交互性和响应速度有了更高的要求。传统的Web开发方式已难以满足这种需求，因此Ajax（Asynchronous JavaScript and XML...
DWR（Direct Web Remoting）框架是一个开源的Java库，它允许Web应用程序在客户端和服务器之间进行实时的、异步的通信，无需刷新整个页面。这个框架极大地提升了用户体验，因为它使得JavaScript可以调用服务器端的...
DWR (Direct Web Remoting) 是一个开源的Java框架，用于在浏览器和服务器之间实现动态、实时的Web应用交互。这个框架允许JavaScript直接调用服务器端的Java方法，就像它们是本地函数一样，极大地简化了AJAX...
该项目为基于Spring4框架与DWR3.0注解集成的应用设计源码，包含25个文件，涵盖5个XML配置文件、3个HTML页面、3个Java类文件、2个JavaScript脚本文件、2个Eclipse项目偏好设置文件、1个Markdown文件、1个项目构建文件...
DWR（Direct Web Remoting）框架是一个开源的Java库，它允许Web应用程序在客户端JavaScript和服务器端Java之间进行实时通信，有效地打破了传统的浏览器与服务器之间的请求-响应模式。DWR使得开发者可以像操作本地...
至于文档中的“原理图.doc”，这可能是一个关于DWR工作原理的详细图解，通常会包含DWR通信过程的各个步骤、数据流向以及各组件之间的关系，对于理解DWR的工作机制非常有帮助。阅读这份文档，有助于深入理解DWR如何...
DWR（Direct Web Remoting）是一种Java库，用于在Web应用程序中实现实时的JavaScript到服务器端Java对象的通信。这个技术允许开发者在浏览器中直接调用服务器端的方法，极大地简化了AJAX（Asynchronous JavaScript ...
dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;