`

dwr刷新表格

阅读更多
   配置dwr.xml文件
xml 代码
 
  1. <!DOCTYPE dwr PUBLIC  
  2.     "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"  
  3.     "http://www.getahead.ltd.uk/dwr/dwr10.dtd">  
  4. <dwr>  
  5.     <allow>  
  6.         <create creator="spring" javascript="UnitManager"><!-- 由spring管理,直接访问serverce,构建一个UnitManager.js -->  
  7.             <param name="beanName" value="unitManager" />  
  8.             <include method="getAllList" /><!-- 可用方法--> 
  9.         </create>  
  10.   
  11.        <convert converter="bean"  
  12.             match="com.bigner.unitModule.model.Unit">  <!-- 指定bean -->
  13.             <param name="include" value="id,unitName,baseVal"></param><!--  取出指定参数 -->  
  14.         </convert>  
  15.   
  16.     </allow>  
  17. </dwr>  
   在jsp中创建一个table
<table>
<thead>
<tr>
<td>&nbsp;</td>
<td><fmt:message key="product.type"/><!-- 获取资源文件 -->
</td>
</tr>
</thead>

<tbody id="refreshBody"><!-- 在这刷新 -->
</tbody>
</table>

    那么js事件代码
js 代码
  1. <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>
  2. function selOtherUnit(){
       var sel = document.getElementById("unitInfo");
       UnitManager.getUnitList(setRefreshTable,sel.options[sel.selectedIndex].value); //根据unitInfo改变值,从数据库取得数据,返回值由setRefreshTable进行处理
    }
  3. 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");
      }
  4. }
  5. var getCheck = function(unit) {
          return '<input type="radio" name="unitCheck" value='+unit.id+' onclick="readUnitId(this.value);" />';
  6. };
  7. var getUnitName = function(unit) { return unit.name };
      到这就可以刷新动态刷新table
      与之相对应的刷新select方法是

js 代码
 
  1. DWRUtil.removeAllOptions("refreshSelect");  
  2. DWRUtil.addOptions("refreshSelect", [" "]);  
  3. DWRUtil.addOptions("refreshSelect", unit,"id","name");     
       就不多记录,参考 getahead.ltd.uk/dwr/documentation
分享到:
评论
1 楼 ouspec 2006-12-08  
楼主选择代码的类型不对。最好都选择XML类型,否则有些代码显示不正常

相关推荐

    dwr填充表格示例dwr填充表格示例dwr填充表格示例

    在本示例中,我们将深入探讨如何使用DWR填充表格,这是构建动态、交互性强的Web应用的关键技术之一。 首先,我们需要理解DWR的工作原理。DWR通过在浏览器端创建Java对象的代理,使得JavaScript可以直接调用服务器端...

    Dwr异步刷新事例,可以参考一下!

    2. **数据绑定**:利用DWR更新页面的数据绑定组件,如表格或图表,当服务器端数据发生变化时,客户端会自动刷新。 3. **错误处理**:展示如何在DWR调用中捕获和处理可能出现的异常,确保良好的用户体验。 4. **...

    用SSH2+DWR做的表格

    在无刷新表格中,DWR可能用于以下方面: 1. **实时通信**:DWR通过AJAX实现页面局部更新,无需整体刷新,提高用户体验。 2. **Java方法暴露**:将服务器端处理表格数据的方法暴露给JavaScript,如获取、添加、修改...

    DWR 查询功能测试

    通过这个测试项目,你可以深入理解DWR如何工作,以及如何将其应用于实际的Web应用开发中,特别是对于需要动态更新数据的场景,如实时查询、表格刷新等。通过交流和实践,你可以进一步提高对DWR的理解和应用能力。

    sql+dwr实现无刷新分页

    通过学习和实践这个`sql+dwr实现无刷新分页`的项目,你将能够掌握如何利用SQL进行分页查询,以及如何利用DWR实现实时的前后端通信,提升Web应用的用户体验。同时,这也将帮助你更好地理解和运用Java、JavaScript和...

    dwr+ajax无刷新分页

    **DWR(A Direct Web Remoting)与Ajax无刷新分页技术详解** 在现代Web应用中,用户期望有更快更流畅的交互体验,无刷新分页技术应运而生,它能够在不重新加载整个页面的情况下更新内容,显著提升了用户体验。DWR...

    dwr.jar 以及dwr配置文件

    DWR使得动态网页能够与后台服务器进行实时交互,无需刷新整个页面,提高了用户体验。在这个压缩包中,包含的核心组件是“dwr.jar”,这是DWR框架的主要运行时库,以及“dwr.xml”配置文件,它是DWR进行自定义设置的...

    dwr 自动完成生成表格的例子

    4. **AJAX(Aynchronous JavaScript and XML)**:DWR的核心技术之一,用于在不刷新整个页面的情况下更新部分网页内容。 5. **表格渲染**:在前端,可能使用HTML `&lt;table&gt;` 标签构建表格结构,通过JavaScript动态添加...

    dwr和ajax技术

    6. **实战应用**:通过阅读提供的文档和示例,实践创建简单的DWR和Ajax应用,如实时搜索、无刷新表格更新等。 7. **最佳实践**:了解如何优化DWR和Ajax的性能,如缓存策略、错误处理机制以及安全性考虑。 通过深入...

    DWR与界面开发 资料大全

    2. **AJAX基础**:DWR利用AJAX(Asynchronous JavaScript and XML)技术,实现了页面无需刷新即可更新内容的能力。 3. **安全特性**:DWR提供了一套安全机制,包括白名单、签名等,以防止未经授权的访问。 二、DWR...

    AJAX 与 DWR框架

    2. **表格数据动态加载**:用户滚动表格时,DWR加载额外的数据行,实现无限滚动效果。 3. **表单验证**:在客户端提交表单前,DWR调用服务器端验证方法,提供实时反馈。 【DWR与Struts、Spring集成】 DWR可以轻松...

    DWR 技术文章精选

    DWR使得动态界面的创建变得简单,比如实时表格更新、拖放功能、即时搜索结果等。 7. **DWR 与源码分析**: “源码”标签可能意味着文件中包含对DWR内部工作机制的深度解析,例如如何处理HTTP请求,怎样封装和解封...

    简单使用dwr完整例子

    将DWR与SSH整合,可以增强应用的用户体验,因为DWR能够实现在不刷新整个页面的情况下更新部分内容。 下面,我们逐步解析这个例子: 1. **环境准备**:确保你已经安装了Java、Tomcat服务器,以及SSH和DWR的相关库。...

    dwr的jar包

    7. **实战案例**:通过实际的Web应用示例,展示DWR如何提升用户体验,如动态表格、实时图表、无刷新表单提交等。 通过学习这个压缩包中的文件,你可以获得DWR的基础知识,并能动手构建基于DWR的Ajax应用。不过,...

    dwr 压缩文件 帮助文档

    1. **DWR的基本概念**:DWR的核心功能是实现Ajax(异步JavaScript和XML)通信,它通过创建JavaScript代理来调用服务器端的Java方法,使前端能够实时更新数据,而无需刷新整个页面。 2. **反向Ajax(Reverse Ajax)*...

    dwr.jar dwrUtil常见方法 dwr详细资料

    4. **典型应用场景**:DWR常用于实时聊天、表格数据动态加载、表单验证等需要即时反馈的场景。 5. **DWRUtil常用方法**: - `executeJavaScript`: 在客户端执行JavaScript代码。 - `escapeHTML`: 防止XSS攻击,对...

    java的DWR项目的实现

    DWR的异步特性使得这种操作无需刷新整个页面,从而提高了用户体验。 为了调试和测试这个项目,开发者需要在本地或者服务器上部署应用,确保DWR的Servlet配置正确,Java类和JavaScript代码能够顺利通信。可以使用...

    JAVA AJAX中使用dwr获取后台list并在页面用表格显示

    在这个特定的项目中,"JAVA AJAX中使用dwr获取后台list并在页面用表格显示",我们将探讨如何结合Direct Web Remoting (DWR) 框架来实现这一功能,同时涉及到二级联动的概念。 DWR是一个开源的Java库,它允许...

    DWR学习案例详解(数据库)

    它提供了一种高效、安全且易于使用的机制,使得动态更新的Web应用成为可能,无需刷新整个页面就能与服务器进行交互。本案例详解将重点探讨DWR在数据库操作中的应用。 首先,理解DWR的基本工作原理至关重要。DWR通过...

    一个DWR实现table的小例子

    DWR(Direct Web Remoting)是一个开源Java库,它允许Web应用程序在客户端JavaScript和服务器端Java之间进行实时的、双向的通信,无需刷新整个页面。这个小例子是关于如何使用DWR来动态地显示和操作HTML表格数据。...

Global site tag (gtag.js) - Google Analytics