今天在DWR官方网站上链接到javaworld网站上下了一个能动态显示rentInfo信息的war,相信有的朋友已经用过了。我发布到了tomcat上,发现它的dwr是0.9版的,现在dwr都已经是3.0版的了,于是就想把它改写成适合运行在3.0版下。
原1.0怎么的search.jsp,我主要贴script部分:
<script type="text/javascript">
function updateTotal() {
$("resultTable").style.display = 'none';
var bedrooms = document.getElementById("bedrooms").value;
var bathrooms = document.getElementById("bathrooms").value;
var price = document.getElementById("price").value;
ApartmentDAO.countApartments(loadTotal, bedrooms, bathrooms, price);
};
function updateResults() {
DWRUtil.removeAllRows("apartmentsbody");
var bedrooms = document.getElementById("bedrooms").value;
var bathrooms = document.getElementById("bathrooms").value;
var price = document.getElementById("price").value;
ApartmentDAO.findApartments(fillTable, bedrooms, bathrooms, price);
$("resultTable").style.display = '';
};
var getId = function(unit) { return unit.id; };
var getAddress = function(unit) { return unit.address; };
var getBedrooms = function(unit) { return unit.bedrooms;};
var getBathrooms = function(unit) { return unit.bathrooms; };
var getPrice = function(unit) { return unit.price; };
function loadTotal(data) {
document.getElementById("totalRecords").innerHTML = data;
};
function fillTable(apartment) {
DWRUtil.addRows("apartmentsbody", apartment, [ getId, getAddress, getBedrooms, getBathrooms, getPrice ]);
};
</script>
我修改后的script部分:
<script type="text/javascript">
function countTotal() {
$("resultTable").style.display = 'none';
var bedrooms = document.getElementById("bedrooms").value;
var bathrooms = document.getElementById("bathrooms").value;
var price = document.getElementById("price").value;
ApartmentDAO.countApartments(bedrooms, bathrooms, price,
function showTotal(data){
dwr.util.setValue("totalRecords", data);
});
};
function showResults() {
var bedrooms = document.getElementById("bedrooms").value;
var bathrooms = document.getElementById("bathrooms").value;
var price = document.getElementById("price").value;
ApartmentDAO.findApartments(bedrooms, bathrooms, price,
function fillTable(apartment) {
dwr.util.removeAllRows("apartmentsbody");
dwr.util.addRows("apartmentsbody", apartment, cellFuncs);
});
$("resultTable").style.display = '';
};
var cellFuncs = [
function(data) { return data.id; },
function(data) { return data.address; },
function(data) { return data.bedrooms; },
function(data) { return data.bathrooms; },
function(data) { return data.price; }
];
</script>
还有一点要注意的就是html的body部分:
<body onload="countTotal();">
以及在bedrooms、bathrooms和price的下拉框加上onchange="countTotal()",否则不能动态更新。。。
分享到:
相关推荐
这个压缩包包含的是DWR的1.0和3.0两个版本的入门程序,可以帮助开发者快速理解并掌握DWR的基本用法。 DWR 1.0是一个较早的版本,它引入了异步AJAX通信的概念,允许JavaScript调用服务器端的Java方法,仿佛它们是...
5. **调试DWR代码**:使用DWR的调试模式,可以更详细地跟踪请求和响应过程,找出问题所在。 **项目结构** 根据提供的文件列表,我们可以推测项目的基本结构: 1. `.classpath`:这是Eclipse项目中的配置文件,...
其丰富的功能集和详尽的API文档使得学习和使用DWR成为可能,无论是在小型项目还是大型企业级应用中,DWR都是一个值得考虑的选择。通过深入理解和熟练运用DWR,开发者可以提升Web应用的用户体验,降低服务器负载,并...
DWR(Direct Web Remoting)是...无论是DWR 2.0还是3.0,它们都为Java开发者提供了高效、灵活的解决方案,帮助构建更加动态、响应式的Web界面。正确使用DWR的jar包和配置,可以使Web应用的开发效率和用户体验显著提升。
- 虽然DWR提供了安全特性,但仍然需要谨慎处理跨站脚本攻击(XSS)和跨站请求伪造(CSRF)等安全问题。 - 应该对暴露给JavaScript的方法进行适当的安全审核,避免暴露敏感数据或操作。 6. **性能优化**: - DWR...
在"dwrc-3.0.jar"这个版本中,DWR提供了许多关键功能和改进,使其成为开发者们的首选工具。首先,3.0版相对于早期版本而言,其稳定性和性能得到了显著提升,解决了许多开发者在使用过程中遇到的问题。这表明DWR团队...
6. **错误处理和调试**:DWR提供详细的错误报告和调试工具,帮助开发者快速定位和解决问题。 7. **可扩展性**:DWR3.0设计为高度模块化,可以方便地与其他框架(如Spring、Struts等)集成,扩展其功能。 在实际...
7. **错误处理**:DWR提供了详细的错误处理机制,包括客户端和服务器端的错误捕获和反馈,便于调试和问题定位。 8. **国际化支持**:DWR 3.0支持多语言环境,可以轻松地处理不同地区的用户需求。 9. **API与工具**...
DWR3.0是DWR的一个重要版本,它提供了许多增强的功能和改进,以提高开发者的工作效率和用户体验。 DWR的核心功能在于它提供了一种安全且高效的方式,使得JavaScript可以调用服务器端的Java方法,仿佛这些方法就在...
DWR (Direct Web Remoting) 是一个开源Java库,它允许Web应用程序在浏览器和服务器之间进行实时...而DWR3.0的文档,无论是对于初学者还是有经验的开发者,都是一个宝贵的资源,可以帮助他们更好地理解和运用这个框架。
DWR3.0.jar是DWR框架的核心库,包含所有必需的类和接口,使得开发者能够在JavaScript和Java之间建立双向通信。它支持动态Java对象到JavaScript对象的映射(也称为Reverse Ajax或Ajax RPC)。此版本的更新可能包括...
【标题】"dwr3.0+SSH2"是一个基于Java技术的Web应用程序开发框架的组合,其中DWR(Direct Web Remoting)是用于在浏览器和服务器之间进行实时通信的库,而SSH2则通常指的是Struts2、Spring和Hibernate这三大开源框架...
这个压缩包包含了DWR的三个主要版本:DWR1.0、DWR2.0和DWR3.0的jar包,这些jar包是运行DWR应用的核心组件。 DWR1.0: DWR1.0是DWR项目的早期版本,主要目标是简化Web应用中的异步通信。在这个版本中,DWR提供了一个...
DWR3.0是其一个重要版本,提供了对现代浏览器的支持,包括新版的Opera,但同时也注意到在较旧的Internet Explorer(如IE6和IE7)上可能会遇到兼容性问题。 **1. DWR的基本概念与功能** DWR的核心功能是提供一种...
return "Hello, DWR!"; } } ``` ### 4. 配置DWR映射 在`dwr.xml`配置文件中,你需要告诉DWR如何映射这个Java Bean: ```xml ``` ### 5. JavaScript调用 在客户端,你可以使用DWR的API来调用服务器端...
DWR 3.0是该框架的一个版本,提供了增强的功能和性能改进。在这个版本中,DWR提供了更友好的API,增强了安全性,并支持更多的数据类型转换。 DWR的核心功能在于它能够自动处理JavaScript对象与Java对象之间的映射,...
总的来说,这个"DWR 3.0反向实例"是一个很好的学习资源,它让你了解如何在实际项目中设置和使用DWR,实现浏览器与服务器之间的实时通信。通过分析这个实例,你可以掌握DWR的基本用法,包括配置、类和方法的映射,...
DWR3.0是该技术的一个重要版本,提供了许多增强的功能和改进,使得开发人员能够更高效地构建富互联网应用程序(RIA)。 本入门教程主要涵盖了以下知识点: 1. **DWR的基本概念**:DWR的核心理念是通过JavaScript在...