$();
功能:相当于document.getElementById(id);
参数: id或name属性值;
例:
<script>
Var ele=$(txt_test);
Var str=DWRUtil.toDescriptiveString(ele,1)
DWRUtil.debug(str);
</script>
DWRUtil.getValue();
功能:获得指定元素value值
参数: id或name属性值;
注意:该函数只能用于有value属性的元素
例:
<script>
var val=DWRUtil.getValue(“txt_test”);
DWRUtil.debug(val);
</script>
DWRUtil.getValues();
功能:获得一组指定元素的value值;
参数:id或name构成的数组对象
例:
<script>
Var arr_=DWRUtil.getValues({“txt_name”:null,”txt_pswd”:null});
Var str=DWRUtil.toDescriptiveString(arr,1)
DWRUtil.debug(str);
</script>
DWRUtil.setValue();
功能:设置指定元素的value值
参数: id或name属性值
<script>
DWRUtil.setValue(“txt_test”,”wiley”);
</script>
DWRUtil.setValues();
功能:设置一组指定元素的值
参数: id或name构成的数组对象
例:
<script>
DWRUtil.setValues({“txt_name”:”wiley”,”txt_pswd”:”wiley”});
</script>
DWRUtil.getText();
功能:获得select元素的文本值
参数: id或name属性值
例:wiley中国
<script>
Var txt=DWRUtil.getText (“sel_test”);
Var val=DWRUtil.getValue(“sel_test”);
DWRUtil.debug(“Text:”+txt+”\tValue:”+val);
</script>
DWRUtil.addRows();
功能:指定表格添加行
格式:DWRUtil.addRows(id,items, functions);
参数:
第一个参数:table或tbody的id属性值
第二个参数:数组或链表(可能用词不是很适合)
第三个参数:函数链表
例1: 主题
<script>
Var arr_={“wiley’s blog”,”wiley中国”};
DWRUtil.addRows(“tby_test”,arr_,[function(arr_){return arr_}]);
</script>
例2:
名称 网址
<script>
Var items=[{“name”:”wiley中国”,”add”:”wiley-cn.com”}];
DWRUtil.addRows(“tby_test”,items,[function(item){return item.name}, function(item){return item.add}]);
</script>
DWRUtil.romoveAllRows();
功能:删除指定表格行
参数:table或tbody的id属性值
例
名称 网址
<script>
DWRUtil.romoveAllRows(“tby_test”);//每次添加前将原有数据行删除,防止数据重叠
Var items=[{“name”:”wiley中国”,”add”:”wiley-cn.com”}];
DWRUtil.addRows(“tby_test”,items,[function(item){return item.name}, function(item){return item.add}]);
</script>
DWRUtil.addOptions();
功能:添加select元素的option子元素
格式:DWRUtil.addOption(id,items)或DWRUtil.addOption(id,items,valueProp,textProp);
参数:
第一个参数:select的id或name属性值
第二个参数:数组或链表(填充数据)
第三、四个参数:链表节点的属性,第三个填充value值,第四个填充text值
例:
<script>
Var arr_={“wiley”,”wiley中国”};
DWRUtil.addRows(“sel_test”,arr_);//此时value与text值相同
DWRUtil.romoveAllOptions(“sel_test”);
Var items=[{“name”:”wiley中国”,”add”:”wiley-cn.com”}];
DWRUtil.addRows(“sel_test”,”add”,”name”);//此时value与text不相同
</script>
DWRUtil.romoveAllOptions();
功能:删除指定select元素的option子元素
参数:select元素的id或name属性值
例:前面例子有用到
DWRUtil.debug();
功能:等价于alert()
例:前面例子有用到
DWRUtil.toDescriptiveString();
功能:将对象序列化成字符串,主要用于调试
分享到:
相关推荐
- **JavaScript API**:DWR生成的JavaScript库提供了与远程Java对象交互的接口,如`dwr.engine`对象用于基本的调用控制,`DWRUtil`对象则提供了数据绑定和DOM操作的辅助方法。 - **安全配置**:必须正确配置DWR的...
1. **DWR框架概述**:DWR允许Web应用程序在客户端和服务器之间交换数据和调用方法,提供了丰富的API和配置选项,使得前后端交互更加简单。 2. **DWRUtil类**:DWRUtil是DWR提供的一系列实用工具函数的集合,包括但...
DWR API 提供了一系列的方法来方便开发者进行数据的传递、UI操作等。 1. `DWRUtil` 是DWR提供的一个实用工具类,包含了多种用于操作DOM元素和数据的方法。例如: - `DWRUtil.selectRange("selectRangeBasic", 5, ...
`DwrUtil.js`则是一些实用工具函数的集合,用于辅助DWR的使用,例如对象操作、数组处理、DOM操作等,它为开发者提供了一套方便的API,以提高开发效率。 在DWR 1.0和2.0这两个版本中,主要的改进和变化可能包括: 1...
这份“DWR中文文档”将深入探讨DWR的核心概念、配置、API以及实际应用。 1. **核心概念**: - **Reverse Ajax**:DWR的核心特性是反向Ajax,即服务器可以主动向客户端发送数据,而不仅仅局限于客户端发起请求。 -...
- 编写JavaScript代码,使用DWR API(如`DWRUtil`、`DWREngine`等)来调用服务器端的方法。 - 在HTML页面上添加必要的DWR JavaScript库,并设置回调函数来处理服务器响应。 4. **DWR的运行流程**: - 浏览器加载...
- 使用DWR的API,如`DWRUtil`或`RemoteObject`,来调用服务器端的方法。 7. **安全性和权限控制**: - DWR提供了安全机制,比如白名单、签名等,确保只有授权的方法能被JavaScript调用。 - 在`dwr.xml`中配置...
- **Ajax接口**:提供一系列JavaScript API,使前端能够调用服务器端的方法,如`DWRUtil`、`DWREngine`等。 - **Servlet**:DWRServlet是部署在服务器上的一个特殊Servlet,处理来自浏览器的DWR请求。 - **转换器...
3. **JavaScript API**:提供给前端开发者使用的接口,如`DWRUtil`、`RemoteObject`等,用于调用服务器端的方法。 三、Ajax的基础知识 Ajax不是一种单一的技术,而是一组用于创建更好、更快、更互动的Web应用程序的...
- 使用DWR的API,例如`DWRUtil`,可以方便地异步调用服务器端的方法,并处理返回的数据。 - `访问dwr类.txt`可能是示例中的JavaScript代码,展示了如何通过DWR调用Java方法,更新页面内容。 6. **安全性**: - ...
然后,利用DWR的JavaScript API(如`DWRUtil`)来动态填充这个下拉菜单。当用户做出选择时,可以监听`onchange`事件,调用DWR的异步方法获取新的数据。 4. **DWR调用**:DWR提供了`execute`函数,用于调用服务器端...
这些文件将被添加到工程的类路径中,以便在编译和运行时能够正确引用DWR的API。 导入工程后,你会看到项目的结构,包括`WEB-INF`目录下的`web.xml`配置文件。DWR的配置主要在这里进行,你需要在`web.xml`中添加DWR...
4. 在客户端JavaScript中,使用DWR API调用服务器端的方法。 **5. 示例** 以下是一个简单的DWR示例: - 在服务器端,创建一个名为`CalculatorService`的Java类,包含一个`add`方法: ```java public class ...
5. **使用DWR进行AJAX调用**:DWR提供了简单的API,如`DWRUtil`和`RemoteProxy`,使得开发者可以方便地在JavaScript中创建异步请求,调用服务器端的方法,并处理返回的结果。 6. **批量调用与回调**:DWR支持批量...
1. **创建Ajax请求**:在JavaScript中,使用DWR的`DWRUtil`或`DWREngine`对象发起Ajax请求。 2. **处理服务器响应**:在回调函数中处理服务器返回的数据,更新DOM元素以展示结果。 3. **错误处理**:设置错误处理...
通过"TestDWR"这个例子,你可以学习如何设置DWR的基本环境,编写可远程调用的Java类,以及在前端使用DWR提供的JavaScript API进行交互。这是一个很好的起点,可以帮助你理解DWR的工作原理,并逐步掌握其在实际项目中...
- JavaScript/DWR调用:使用DWR的JavaScript API,为每个下拉框设置事件监听器,当用户在上一级选择一个选项时,触发DWR调用服务器获取下一级的选项并填充到对应的下拉框中。 4. **DWR配置与使用**: - 在dwr.xml...
4. **JavaScript API**:DWR提供了丰富的JavaScript库,如`DWREngine`、`DWRUtil`和`RemoteProxy`等,它们用于初始化DWR引擎、执行远程调用、处理回调函数以及错误处理等。 5. **安全性**:DWR允许用户定义安全策略...
DWR则简化了这一过程,提供了更加友好的API供开发者使用。 首先,要使用DWR,我们需要在服务器端创建一个DWR可调用的Java方法。这个方法可以接收参数,处理业务逻辑,并返回一个结果。例如,如果我们要返回一个List...
4. **JavaScript调用Java**:在JavaScript中,我们可以使用DWR的API来调用服务器端的方法。例如: ```javascript DWRUtil.useLoadingMessage("正在处理..."); MyService.executeTask(data, { success: function...