配置dwr.xml文件
xml 代码
- <!DOCTYPE dwr PUBLIC
- "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
- "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
- <dwr>
- <allow>
- <create creator="spring" javascript="UnitManager">
- <param name="beanName" value="unitManager" />
- <include method="getAllList" />
- </create>
-
- <convert converter="bean"
- match="com.bigner.unitModule.model.Unit"> <!-- 指定bean -->
- <param name="include" value="id,unitName,baseVal"></param>
- </convert>
-
- </allow>
- </dwr>
在jsp中创建一个table
<table>
<thead>
<tr>
<td> </td>
<td><fmt:message key="product.type"/><!-- 获取资源文件 -->
</td>
</tr>
</thead>
<tbody id="refreshBody"><!-- 在这刷新 -->
</tbody>
</table>
那么js事件代码
js 代码
- <script type='text/javascript' src='/BoyiShoeErp/dwr/interface/UnitManager.js'></script>
<script type='text/javascript' src='/BoyiShoeErp/dwr/engine.js'></script>
<script type='text/javascript' src='/BoyiShoeErp/dwr/util.js'></script>
- function selOtherUnit(){
var sel = document.getElementById("unitInfo");
UnitManager.getUnitList(setRefreshTable,sel.options[sel.selectedIndex].value); //根据unitInfo改变值,从数据库取得数据,返回值由setRefreshTable进行处理
}
- function setRefreshTable(data){//data接受返回数据,这返回的是一个Unit对象
if(data!="" && data!=null){
DWRUtil.removeAllRows("refreshBody");//删除table的更新元素
DWRUtil.addRows("refreshBody", data, [ getCheck,getUnitName ],//getCheck,getAllUnit是表的对应的列,
{
rowCreator:function(options) {//创建行,对其进行增添颜色
var row = document.createElement("tr");
var index = options.rowIndex * 50;
row.style.color = "rgb(" + index + ",0,0)";
return row;
},
cellCreator:function(options) {//创建单元格,对其进行增添颜色
var td = document.createElement("td");
var index = 255 - (options.rowIndex * 50);
td.style.backgroundColor = "rgb(" + index + ",255,255)";
td.style.fontWeight = "bold";
return td;
}
});
}else{
DWRUtil.removeAllRows("refreshBody");
}
- }
- var getCheck = function(unit) {
return '<input type="radio" name="unitCheck" value='+unit.id+' onclick="readUnitId(this.value);" />';
- };
- var getUnitName = function(unit) { return unit.name };
到这就可以刷新动态刷新table
与之相对应的刷新select方法是
js 代码
- DWRUtil.removeAllOptions("refreshSelect");
- DWRUtil.addOptions("refreshSelect", [" "]);
- DWRUtil.addOptions("refreshSelect", unit,"id","name");
就不多记录,参考
getahead.ltd.uk/dwr/documentation。
分享到:
相关推荐
在本示例中,我们将深入探讨如何使用DWR填充表格,这是构建动态、交互性强的Web应用的关键技术之一。 首先,我们需要理解DWR的工作原理。DWR通过在浏览器端创建Java对象的代理,使得JavaScript可以直接调用服务器端...
2. **数据绑定**:利用DWR更新页面的数据绑定组件,如表格或图表,当服务器端数据发生变化时,客户端会自动刷新。 3. **错误处理**:展示如何在DWR调用中捕获和处理可能出现的异常,确保良好的用户体验。 4. **...
在无刷新表格中,DWR可能用于以下方面: 1. **实时通信**:DWR通过AJAX实现页面局部更新,无需整体刷新,提高用户体验。 2. **Java方法暴露**:将服务器端处理表格数据的方法暴露给JavaScript,如获取、添加、修改...
通过这个测试项目,你可以深入理解DWR如何工作,以及如何将其应用于实际的Web应用开发中,特别是对于需要动态更新数据的场景,如实时查询、表格刷新等。通过交流和实践,你可以进一步提高对DWR的理解和应用能力。
通过学习和实践这个`sql+dwr实现无刷新分页`的项目,你将能够掌握如何利用SQL进行分页查询,以及如何利用DWR实现实时的前后端通信,提升Web应用的用户体验。同时,这也将帮助你更好地理解和运用Java、JavaScript和...
**DWR(A Direct Web Remoting)与Ajax无刷新分页技术详解** 在现代Web应用中,用户期望有更快更流畅的交互体验,无刷新分页技术应运而生,它能够在不重新加载整个页面的情况下更新内容,显著提升了用户体验。DWR...
DWR使得动态网页能够与后台服务器进行实时交互,无需刷新整个页面,提高了用户体验。在这个压缩包中,包含的核心组件是“dwr.jar”,这是DWR框架的主要运行时库,以及“dwr.xml”配置文件,它是DWR进行自定义设置的...
4. **AJAX(Aynchronous JavaScript and XML)**:DWR的核心技术之一,用于在不刷新整个页面的情况下更新部分网页内容。 5. **表格渲染**:在前端,可能使用HTML `<table>` 标签构建表格结构,通过JavaScript动态添加...
6. **实战应用**:通过阅读提供的文档和示例,实践创建简单的DWR和Ajax应用,如实时搜索、无刷新表格更新等。 7. **最佳实践**:了解如何优化DWR和Ajax的性能,如缓存策略、错误处理机制以及安全性考虑。 通过深入...
2. **AJAX基础**:DWR利用AJAX(Asynchronous JavaScript and XML)技术,实现了页面无需刷新即可更新内容的能力。 3. **安全特性**:DWR提供了一套安全机制,包括白名单、签名等,以防止未经授权的访问。 二、DWR...
2. **表格数据动态加载**:用户滚动表格时,DWR加载额外的数据行,实现无限滚动效果。 3. **表单验证**:在客户端提交表单前,DWR调用服务器端验证方法,提供实时反馈。 【DWR与Struts、Spring集成】 DWR可以轻松...
DWR使得动态界面的创建变得简单,比如实时表格更新、拖放功能、即时搜索结果等。 7. **DWR 与源码分析**: “源码”标签可能意味着文件中包含对DWR内部工作机制的深度解析,例如如何处理HTTP请求,怎样封装和解封...
将DWR与SSH整合,可以增强应用的用户体验,因为DWR能够实现在不刷新整个页面的情况下更新部分内容。 下面,我们逐步解析这个例子: 1. **环境准备**:确保你已经安装了Java、Tomcat服务器,以及SSH和DWR的相关库。...
7. **实战案例**:通过实际的Web应用示例,展示DWR如何提升用户体验,如动态表格、实时图表、无刷新表单提交等。 通过学习这个压缩包中的文件,你可以获得DWR的基础知识,并能动手构建基于DWR的Ajax应用。不过,...
1. **DWR的基本概念**:DWR的核心功能是实现Ajax(异步JavaScript和XML)通信,它通过创建JavaScript代理来调用服务器端的Java方法,使前端能够实时更新数据,而无需刷新整个页面。 2. **反向Ajax(Reverse Ajax)*...
4. **典型应用场景**:DWR常用于实时聊天、表格数据动态加载、表单验证等需要即时反馈的场景。 5. **DWRUtil常用方法**: - `executeJavaScript`: 在客户端执行JavaScript代码。 - `escapeHTML`: 防止XSS攻击,对...
DWR的异步特性使得这种操作无需刷新整个页面,从而提高了用户体验。 为了调试和测试这个项目,开发者需要在本地或者服务器上部署应用,确保DWR的Servlet配置正确,Java类和JavaScript代码能够顺利通信。可以使用...
在这个特定的项目中,"JAVA AJAX中使用dwr获取后台list并在页面用表格显示",我们将探讨如何结合Direct Web Remoting (DWR) 框架来实现这一功能,同时涉及到二级联动的概念。 DWR是一个开源的Java库,它允许...
它提供了一种高效、安全且易于使用的机制,使得动态更新的Web应用成为可能,无需刷新整个页面就能与服务器进行交互。本案例详解将重点探讨DWR在数据库操作中的应用。 首先,理解DWR的基本工作原理至关重要。DWR通过...
DWR(Direct Web Remoting)是一个开源Java库,它允许Web应用程序在客户端JavaScript和服务器端Java之间进行实时的、双向的通信,无需刷新整个页面。这个小例子是关于如何使用DWR来动态地显示和操作HTML表格数据。...