<!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 是一个开源JavaScript库，允许Web应用程序在客户端和服务器之间进行实时通信，即实现Ajax（异步JavaScript和XML）功能。它简化了JavaScript与Java后端服务的交互，让开发者能够调用服务器上的方法，就像它们是...
**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方法，实现了页面与服务器的实时交互，提升了用户体验。下面...
在提供的“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...
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。 描述中提到的“实现前台javascript直接调用后台业务方法和后台...
标题中的“关于dwr的视频”表明我们即将讨论的是DWR（Direct Web Remoting）在开发Web应用程序，特别是与AJAX交互方面的应用。DWR是一款开源Java库，它允许JavaScript和Java在Web浏览器与服务器之间进行实时通信，...
DWR（Direct Web Remoting）是一种Java库，它允许JavaScript在客户端与服务器端进行直接的交互，从而实现在Web应用程序中的Ajax功能。DWR的主要目标是简化前后端的数据交换，提高用户体验，使得Web应用能够像桌面...