$();
功能:相当于document.getElementById(id);
参数: id或name属性值;
例:
<input type=”text” name=”txt_test”></input>
<script>
Var ele=$(txt_test);
Var str=DWRUtil.toDescriptiveString(ele,1)
DWRUtil.debug(str);
</script>
DWRUtil.getValue();
功能:获得指定元素value值
参数: id或name属性值;
注意:该函数只能用于有value属性的元素
例:
<input type=”text” name=”txt_test”></input>
<script>
var val=DWRUtil.getValue(“txt_test”);
DWRUtil.debug(val);
</script>
DWRUtil.getValues();
功能:获得一组指定元素的value值;
参数:id或name构成的数组对象
例:
<input type=”text” name=”txt_name” value=”wiley”></input>
<input type=”text” name=”txt_pswd” value=”wiley”></input>
<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属性值
<input type=”text” name=”txt_test” value=””></input>
<script>
DWRUtil.setValue(“txt_test”,”wiley”);
</script>
DWRUtil.setValues();
功能:设置一组指定元素的值
参数: id或name构成的数组对象
例:
<input type=”text” name=”txt_name” value=””></input>
<input type=”text” name=”txt_pswd” value=””></input>
<script>
DWRUtil.setValues({“txt_name”:”wiley”,”txt_pswd”:”wiley”});
</script>
DWRUtil.getText();
功能:获得select元素的文本值
参数: id或name属性值
例:
<select name=”sel_test”>
<option value=” wiley-cn.com” selected>wiley中国</option>
</select>
<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:
<table>
<tr>
<td>主题</td>
<tr>
<tbody id=”tby_test”>
</tbody>
</table>
<script>
Var arr_={“wiley’s blog”,”wiley中国”};
DWRUtil.addRows(“tby_test”,arr_,[function(arr_){return arr_}]);
</script>
例2:
<table>
<tr>
<td>名称</td>
<td>网址</td>
<tr>
<tbody id=”tby_test”>
</tbody>
</table>
<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属性值
例
<table>
<tr>
<td>名称</td>
<td>网址</td>
<tr>
<tbody id=”tby_test”>
</tbody>
</table>
<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值
例:
<select name=”sel_test”>
</select>
<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();
功能:将对象序列化成字符串,主要用于调试
例:前面的例子有用到
分享到:
相关推荐
5. **DWRUtil常用方法**: - `executeJavaScript`: 在客户端执行JavaScript代码。 - `escapeHTML`: 防止XSS攻击,对输入的HTML字符串进行转义。 - `convert`: 数据类型转换,如将JSON字符串转换为Java对象。 - `...
SpringBoot整合Direct Web Remoting (DWR)是一个常见的技术实践,它允许JavaScript在浏览器端直接调用服务器端的Java方法,极大地增强了Web应用的交互性。在这个过程中,我们通常会结合使用FreeMarker或JSP作为视...
- 该中文文档将详细介绍DWR的安装、配置、使用方法以及常见问题的解决,是学习DWR的重要参考资料。 通过深入学习这份DWR中文文档,开发者不仅可以掌握DWR的基本用法,还能了解到如何在实际项目中有效利用DWR提升...
### DWR中各种Java方法的调用:深入解析与实践 DWR,全称为Direct Web Remoting,是一个创新的框架,旨在简化JavaScript调用Java方法的过程。它利用Ajax技术,实现了网页上的动态交互,无需页面刷新即可更新内容,...
DWR的核心配置文件是`dwr.xml`,该文件定义了DWR允许访问的Java对象、转换规则以及方法签名等关键设置。 ### 1. `dwr.xml` 结构 `dwr.xml`的基本结构如下: ```xml <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//...
3. **AutoComplete**:DWR内置的自动完成功能,用于在输入框中提供下拉建议,常见于搜索框或表单填写。 4. **CSP (Cross Site Proxy)**:DWR的安全特性,防止跨站脚本攻击(XSS)和跨站请求伪造(CSRF)。 三、DWR...
在这个压缩包中,"DWR开发培训.ppt"可能是一个演示文稿,用于教学或研讨会,其中可能包含PPT幻灯片,系统地介绍了DWR的各个方面,可能包括实例演示、最佳实践和常见问题解答。 总的来说,这个DWR教程包提供了一套...
**10.1 常见问题**:列举在使用DWR过程中可能会遇到的一些常见问题及其解决方案。 1. **TransformerFactoryConfigurationError**:解决方法可能是检查TransformerFactory的配置是否正确。 2. **XML解析错误**:通常...
- **辅助JavaScript函数库**:提供了一些常用的辅助函数,帮助开发者更方便地使用DWR。 - **特定于JavaBean的JavaScript库**:这是根据服务器端JavaBean自动生成的库,包含了调用JavaBean方法所需的全部信息。 ####...
1. **远程方法调用(RMI-like)**: DWR的核心特性是能够像本地方法一样调用服务器端的Java方法。这使得开发者可以轻松地在客户端JavaScript中调用Java服务,极大地提高了Web应用的交互性。 2. **自动AJAX化**: DWR...
1. **配置DWR**:确保DWR已经集成到你的Web应用中,配置了相应的`dwr.xml`文件,其中包含了允许JavaScript调用的Java类和方法。 2. **创建服务器端分页逻辑**:编写Java类,包含获取数据和计算总页数的方法。可以...
- **AutoComplete和LiveForm**: 这是DWR提供的一些高级组件,如自动完成(AutoComplete)功能和实时表单(LiveForm),它们简化了常见的用户界面交互。 **2. DWR配置** - **dwrcfg.js**: 这是DWR的基本配置文件,包含...
1. **远程方法调用**:DWR的核心功能是使JavaScript能够调用服务器端的Java方法,仿佛这些方法是在本地定义的一样,这种技术称为远程方法调用。 2. **AJAX基础**:DWR利用AJAX(Asynchronous JavaScript and XML)...
首先,我们需要理解DWR的核心概念:通过AJAX(异步JavaScript和XML)技术,DWR使Java方法可以直接在客户端调用,从而实现了前后端的无缝通信。在创建级联下拉框时,通常需要以下步骤: 1. **服务器端准备**: - ...
这个小例子展示了如何使用DWR来动态加载下拉框(Dropdown List)的数据,这种技术在网页应用中非常常见,特别是当需要在用户界面加载时就获取并填充数据的场景。 首先,我们需要理解DWR的基本工作原理。DWR允许...
ExtJS和Direct Web Remoting(DWR)是两种在Web开发中常见的技术,它们结合使用可以构建出交互性极强的富客户端应用。本压缩包文件"Extjs+Dwr"提供了一个整合ExtJS和DWR的例子,让我们来详细探讨一下这两个技术以及...
SSH(Struts2 + Spring + Hibernate)和DWR(Direct Web Remoting)是两种常见的Java Web开发技术。SSH是企业级Java应用的三大基础框架,分别负责MVC模式中的表现层、业务逻辑层和持久层;而DWR则是一种允许...
博文链接指向的iteye博客可能包含了一些实际案例和学习资源,可以帮助读者了解DWR的实际应用和常见问题的解决办法。 总结来说,DWR技术文章精选涵盖了DWR的基本概念、使用技巧、配置方法以及安全特性,对于想要...
通过这个示例,你可以深入理解DWR如何与Java和JavaScript交互,以及如何处理常见的错误。同时,这也是一个了解早期Ajax技术及其与旧版Java环境集成的好机会。在实践中,你应该考虑升级到更现代的Java版本和DWR版本,...