`
xrb2008
  • 浏览: 170981 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

dwr2.0 中 util.js脚本提供的实用方法调用说明

    博客分类:
  • ajax
阅读更多
1、addRows 增添数据行到指定的table
    方法基本语法:dwr.util.addRows(id, array, cellfuncs, [options]);
      * id:table 的 id (最好是一个tbody的id)
    * array: 需要被填充到table里的数据对象,可以是数组,集合等对象,每一个数组元素对应table的一行
    * cellfuncs: function数组 每个元素对应table某一列数据的取得方式
    * options: 包含几个属性的对象(可选)
   
    options:
    # 属性rowCreator: 一个function,默认返回document.createElement("tr"),可以编辑返回自定义的tr(比如不同的样式)
    # 属性cellCreator: 一个function,默认返回document.createElement("td"),可以编辑返回自定义的tr(比如不同的样式)
    # 属性escapeHtml: 是否转义<,>,&,",'
     
    当所有call back function 都需要转义,则可以使用dwr.util.setEscapeHtml(false)
  
  2、removeAllRows 把指定table的所有行都移除
    方法基本语法:dwr.util.removeAllRows(id);
    * id:table 的 id (最好是一个tbody的id)
   
   
  3、byId
 你可以把它看成是document.getElementById()的替代版,如果指定的id有多个匹配项,就会返回一个element数组
    方法基本语法:dwr.util.byId(id)
    另:在引入util.js的环境下,你还可以使用$(id)代替document.getElementById(),但是为了不和Prototype相冲突,还是建议各位使用    byId。
   
  4、getValue  取得html 页面元素的value
    方法基本语法:dwr.util.getValue(id);
   
  5、getText
    用法和getValue方法相同,唯一的不同在于getText是用来取得下拉框列表的Text值,而非Value

  6、getValues
  方法基本语法:dwr.util.getValues(object) ;
  参数是一个拥有多个属性的javascript object,属性名称是html页面元素的id,属性value为html页面元素的value,该方法不返回任何东西,而是改变了object的属性值。


  7、setValue  设置html 页面元素的value
  方法基本语法:dwr.util.setValue(id, value [, options]) ;
   如果id参数指定的页面元素是select列表,该列表与value参数值相匹配的option选项会处于选中状态。

  8、setValues
  方法基本语法:dwr.util.setValues(object) ;
  参数是一个拥有多个属性的javascript object,属性名称是html页面元素的id,属性value为html页面元素的value

  9、addOptions
方法基本语法:dwr.util.addOptions(...); 有多种调用方式:
# dwr.util.addOptions(id,["first","second","third"]) id参数指定的页面元素可以是ol、ul或select,String数组将被set到id指定的页面元素
# dwr.util.addOptions(id,[{name:"first",value:"1"},{name:"second",value:"2"},{name:"third",value:"3"}],"value","name")
这种方式只对应select的情形,如上所述,Object数组里每个元素的value属性值将被set到option的value里,name属性将被set到option的text里。
如果没有第四个参数,将会把value属性值同时set到option的value和text里。
# dwr.util.addOptions(id,{first:"1",second:"1",third:"3"})
这种方式也只对应select的情形,第二个参数是一个Object,属性名set到option的value里,属性值set到option的text里

  10、removeAllOptions
方法基本语法:dwr.util.removeAllOptions(id);
除去所有动态加载的Options或列表项,与addOptions配合使用


  11、onReturn
  方法基本语法:dwr.util.onReturn(event, func)
  当输入回车时,调用func名指定的方法

  12、useLoadingMessage
  方法基本语法:dwr.util.useLoadingMessage();
  显示一个正在加载的图片。必须在页面loaded以后调用
分享到:
评论
1 楼 longdick 2009-08-08  
转载请注明出处,OK?

相关推荐

    DWR(包括engine.js+util.js).rar

    `engine.js`是DWR的核心脚本,它实现了JavaScript和Java之间的远程调用(Remote Procedure Calls, RPC)。这个文件处理了请求的发送、响应的接收以及结果的处理。通过`engine.js`,前端开发者可以轻松地创建Java对象...

    dwr util.js

    在DWR框架中,`util.js`是一个核心组件,主要负责提供各种实用工具函数,便于开发者在前端进行操作。本文将深入探讨`util.js`的特性和功能,并结合提供的`dwr_util_api.docx`文档,详细介绍其使用方法。 1. **DWR...

    dwr.jar engine.js util.js,Dwr相关

    "util.js"是DWR的实用工具脚本文件,它提供了一些辅助函数和通用功能,帮助开发者更好地管理和操作DWR的API。例如,它可能包含一些用于数据验证、对象序列化或调试的函数,这些函数在编写DWR应用时非常有用。 DWR的...

    springboot整合dwr实现js调用java方法

    SpringBoot整合Direct Web Remoting (DWR)是一个常见的技术实践,它允许JavaScript在浏览器端直接调用服务器端的Java方法,极大地增强了Web应用的交互性。在这个过程中,我们通常会结合使用FreeMarker或JSP作为视...

    dwr需要的js(searchaAuthor+engine.js+util.js).rar

    标题 "dwr需要的js(searchaAuthor+engine.js+util.js).rar" 提供的信息表明,这个压缩包包含了DWR(Direct Web Remoting)框架所必需的JavaScript文件。DWR是一种允许Web应用程序在客户端与服务器端进行实时通信的...

    dwr五个例子.rar

    - `dwr.engine.js`和`dwr.util.js`:这两个JavaScript文件是DWR的核心库,提供与服务器交互的API。 3. **Java对象和JavaScript的交互**: - `RemoteObject`:DWR中的核心概念,表示在服务器上的Java对象。在...

    DWR.xml配置文件说明书(含源码)

    上面的配置信息表示将java.util.date提供给客户端调用,并且引用名称是Blash.当你在客户端调用Blash.toString(reply)时,后台将采用java.util.date的默认构造方法创建一个实例.然后调用实例的tostring方法.客户端的...

    DWR中文文档.7z

    4. **安全性**:DWR为了防止跨站脚本攻击(XSS)和跨站请求伪造(CSRF),采用了一些安全措施,如使用白名单限制可调用的方法,设置安全策略等。文档会指导你如何配置这些安全设置。 5. **类型转换**:DWR自动处理...

    DWR与界面开发.rar

    DWR(Direct Web Remoting)是一种Java库,它允许JavaScript在Web浏览器中直接调用服务器端的Java方法,实现客户端和服务器之间的实时交互。这种方式极大地简化了富互联网应用程序(RIA)的开发,使得动态更新和数据...

    dwr笔记 dwr自学资料

    4. **Ajax API**:为JavaScript提供了一组API,如`dwr.engine.remote.execute()`用于调用服务器方法,`dwr.util.*`提供了数据操作和类型转换的工具。 四、DWR的使用步骤 1. **引入依赖**:在项目中添加DWR库。 2. *...

    dwr所需要的jar包

    例如,如果你有一个名为`MyService`的Java类,其中有一个`sayHello()`方法,DWR会自动生成一个`myService`对象,你可以直接在JavaScript中调用`myService.sayHello()`。 **4. 示例** 假设你已经有了一个`MyService...

    DWR的相关配置

    1. **获取DWR2.0**:首先,你需要从官方渠道下载DWR2.0的最新版本,通常包括dwr.jar、engine.js和util.js等核心文件。这些文件是DWR运行所必需的。 2. **配置Web.xml**:在你的Web应用的`web.xml`配置文件中,你...

    DWR中需要收到放置在webroot/dwr文件夹下的两个js文件

    在DWR中,有两个关键的JavaScript文件,即`engine.js`和`util.js`,它们位于web应用的`/dwr`目录下,是DWR框架正常运行的基础。 `engine.js`是DWR的核心引擎文件,它实现了JavaScript与Java之间的远程方法调用(RMI)...

    DWR联动刷select

    &lt;script type='text/javascript' src='/Study_DWR_Select/dwr/util.js'&gt; ``` - 这些文件提供了DWR的核心功能,包括与后端通信的能力。 2. **编写JavaScript函数:** ```javascript function fun() { ...

    DWR中文文档 ,非常详细

    - **JavaScript API**:客户端使用的接口,包括`dwr.engine`,`dwr.util`等对象,提供调用服务器端方法和数据操作的接口。 3. **配置DWR**: - **dwr.xml**:配置文件,定义哪些Java类和方法可以被JavaScript调用...

    dwr原理深入透彻讲解

    DWR的核心理念是简化客户端和服务器之间的通信,使得前端JavaScript可以直接调用后端Java方法,如同本地函数一样方便。 DWR的工作原理可以分为以下几个关键步骤: 1. **初始化**:在HTML页面中,通过`&lt;script&gt;`...

    dwr学习教程3

    3. **调用示例**:例如,客户端可以使用`dwr.util.useAsyncBatch`开启异步批量调用,然后通过`callRemoteFunction`执行远程方法。 五、DWR实战与最佳实践 1. **性能优化**:合理设置DWR的缓存策略,避免不必要的...

    【软件工程】DWR入门教程.docx

    通过 DWR,开发者可以在客户端的 JavaScript 中直接调用服务器端的 Java 方法,简化了 AJAX 开发过程。以下将详细介绍 DWR 的入门步骤和基本使用方法。 ### 1. 安装 DWR 首先,你需要获取 DWR 的库文件。这通常是...

    dwr的相关js,需要请下载

    Direct Web Remoting (DWR) 是一种开源的Java库,它允许Web应用程序在客户端JavaScript和服务器端...这个压缩包提供的`engine.js`和`util.js`是DWR的核心组成部分,它们可以帮助开发者快速地开始使用DWR进行Ajax开发。

Global site tag (gtag.js) - Google Analytics