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

DWR小结之DWRUtil篇

阅读更多
<!----> <!---->
$();
功能:相当于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();
功能:将对象序列化成字符串,主要用于调试
例:前面的例子有用到
 
 

分享到:
评论

相关推荐

    DWR小结DWRUtil篇

    DWRUtil篇 DWRUtil是DWR(Direct Web Remoting)框架中一个非常重要的工具类,提供了一些实用的方法来操作HTML元素、处理数据和实现自动化任务。在本篇文章中,我们将详细介绍DWRUtil的各种方法和使用场景。 1. ...

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

    "DWR与界面开发"可能是一篇教程或指南,介绍了如何使用DWR来增强Web界面的开发,特别是涉及到Ajax技术的应用。 **详细知识点:** 1. **DWR框架概述**:DWR允许Web应用程序在客户端和服务器之间交换数据和调用方法...

    DWRUtil.rar_DWRUtil_dwr

    这个压缩包"DWRUtil.rar"包含了"DWRUtil_dwr"相关的文件,特别是"DWRUtil.txt",这可能是一个详细的中文解释文档,旨在帮助开发者理解和使用DWRUtil。 DWRUtil的主要功能和知识点包括: 1. **对象和数组操作**:...

    dwr js包 DwrEngine.js+DwrUtil.js

    标题中的"DwrEngine.js"和"DwrUtil.js"是DWR的核心JavaScript库文件。`DwrEngine.js`提供了与服务器通信的主要接口,实现了AJAX调用的底层逻辑,包括异步请求的发送、响应的处理以及错误管理等。`DwrUtil.js`则是...

    DWR小代码小例子

    Direct Web Remoting (DWR) 是一个开源Java库,它允许在浏览器和服务器之间进行实时、安全的双向通信,使得JavaScript可以直接调用Java方法,从而实现Web应用的Ajax功能。这个"TestDWR"文件很可能是DWR的一个简单...

    DWR小结

    博文链接:https://huxiuliang.iteye.com/blog/234274

    dwrtest测试DWR小测试

    **DWR(Direct Web Remoting)技术详解** DWR(Direct Web Remoting)是一种JavaScript库,它允许在浏览器和服务器之间进行实时、双向通信,从而实现了Web应用中的Ajax(Asynchronous JavaScript and XML)功能。...

    DWRUtil 小结

    DWRUtil是DWR框架中的一个工具类库,提供了一系列用于操作DOM元素、处理表单数据等功能的方法,极大地提高了Web应用的开发效率。 ### DWRUtil的主要功能方法 #### 1. DWRUtil.toDescriptiveString 该方法可以将DOM...

    dwr学习之基础篇

    《DWR学习之基础篇——深入理解Direct Web Remoting》 Direct Web Remoting(DWR)是一种开源JavaScript库,它允许在Web浏览器和Java服务器之间进行实时、双向通信,极大地简化了AJAX(Asynchronous JavaScript and...

    dwrUtil用法

    在 DWR 中,`dwrUtil` 是一个非常重要的工具类,提供了许多实用的方法来操作 DOM 元素以及处理数据传输等任务。本文将详细介绍 `dwrUtil` 的几个核心方法及其应用场景。 #### 二、详细解析 ##### 1. `$()` - **...

    dwr小项目及资料

    标题中的“dwr小项目及资料”暗示我们这是一套关于DWR的实践项目和学习资源,可能包含了一些示例代码和文档,帮助我们理解如何在实际项目中应用DWR。 描述中提到的“实现前台javascript直接调用后台业务方法和后台...

    dwr dwrdwr

    dwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwr

    DWR中文文档DWR

    DWR(Direct Web Remoting)是一种Java库,它允许JavaScript在客户端与服务器端进行直接的交互,从而实现在Web应用程序中的Ajax功能。DWR的主要目标是简化前后端的数据交换,提高用户体验,使得Web应用能够像桌面...

    第一个DWR HelloWorld例子(附:详细说明)

    DWR提供了`DWRUtil`工具类,简化了JavaScript与服务器的交互。 6. **运行与测试** 保存所有改动后,启动服务器,访问HTML页面,DWR会自动执行`sayHello()`方法,并将结果展示在页面上。这标志着我们的DWR Hello...

    Dwr例子带注释

    - 编写JavaScript代码,使用DWR API(如`DWRUtil`、`DWREngine`等)来调用服务器端的方法。 - 在HTML页面上添加必要的DWR JavaScript库,并设置回调函数来处理服务器响应。 4. **DWR的运行流程**: - 浏览器加载...

    DWR小例子_DEMO

    这个"DWR小例子_DEMO"是帮助开发者理解并快速上手DWR的一个实践项目,其中包含了说明文件和必要的代码示例。 DWR的核心功能是允许前端JavaScript直接调用后端Java方法,仿佛它们是在同一环境中运行一样,消除了传统...

    模拟dwr写的小例子

    在这个"模拟DWR写的小例子"中,我们将探讨DWR的基本原理、核心功能以及如何通过一个简单的实例来理解和应用DWR。 DWR的核心思想是提供了一种安全、高效的方法,使得JavaScript可以调用服务器上的Java方法,就像是...

    OA系统之DWROA系统之DWROA系统之DWROA系统之DWR

    OA系统之DWROA系统之DWROA系统之DWROA系统之DWROA系统之DWROA系统之DWROA系统之DWROA系统之DWROA系统之DWROA系统之DWROA系统之DWROA系统之DWROA...DWROA系统之DWROA系统之DWROA系统之DWROA系统之DWROA系统之DWROA系统之DWR

    简单DWR动态下拉菜单

    5. **更新下拉菜单**:当服务器返回新数据后,使用DWR的`DWRUtil.removeAllOptions`清除现有选项,再用`DWRUtil.addOptions`添加新数据到下拉菜单。这样,菜单就能实时更新了。 6. **错误处理**:别忘了处理可能...

    dwr 包的 使用入门

    - 使用DWR的API,如`DWRUtil`或`RemoteObject`,来调用服务器端的方法。 7. **安全性和权限控制**: - DWR提供了安全机制,比如白名单、签名等,确保只有授权的方法能被JavaScript调用。 - 在`dwr.xml`中配置...

Global site tag (gtag.js) - Google Analytics