`
zengbo0710
  • 浏览: 414666 次
社区版块
存档分类
最新评论

dwr刷新表格

阅读更多
js 代码
  1. <script src="/BoyiShoeErp/dwr/interface/UnitManager.js" type="text/javascript"></script>
    <script src="/BoyiShoeErp/dwr/engine.js" type="text/javascript"></script>
    <script src="/BoyiShoeErp/dwr/util.js" type="text/javascript"></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 'unit.id+" />';
  6. };
  7. var getUnitName = function(unit) { return unit.name };
 

分享到:
评论

相关推荐

    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