`
wiley
  • 浏览: 253757 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

DWR小结DWRUtil篇

阅读更多
  百事通信息网

$();<o:p></o:p>

功能 : 相当于 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>

<o:p> </o:p>

DWRUtil.getValue();<o:p></o:p>

功能 : 获得指定元素 value

参数 : id name 属性值 ;

注意 : 该函数只能用于有 value 属性的元素

:

<input type=”text” name=”txt_test”></input>

<script>

       var val=DWRUtil.getValue(“txt_test”);

       DWRUtil.debug(val);

</script>

<o:p> </o:p>

DWRUtil.getValues();<o:p></o:p>

功能 : 获得一组指定元素的 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>

<o:p> </o:p>

DWRUtil.setValue();<o:p></o:p>

功能 : 设置指定元素的 value

参数 : id name 属性值

<input type=”text” name=”txt_test” value=””></input>

<script>

       DWRUtil.setValue(“txt_test”,”wiley”);

</script>

<o:p> </o:p>

<o:p> </o:p>

DWRUtil.setValues();<o:p></o:p>

功能 : 设置一组指定元素的值

参数 : 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>

<o:p> </o:p>

DWRUtil.getText();<o:p></o:p>

功能 : 获得 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>

<o:p> </o:p>

DWRUtil.addRows();<o:p></o:p>

功能 : 指定表格添加行

格式 :DWRUtil.addRows(id,items, functions);

参数 :

第一个参数 :table tbody id 属性值

第二个参数 : 数组或链表 ( 可能用词不是很适合 )

第三个参数 : 函数链表

<o:p> </o:p>

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>

<o:p> </o:p>

<o:p> </o:p>

2:

<o:p> </o:p>

<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>

<o:p> </o:p>

DWRUtil.romoveAllRows();<o:p></o:p>

功能 : 删除指定表格行

参数 :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>

<o:p> </o:p>

DWRUtil.addOptions();

功能 : 添加 select 元素的 option 子元素

格式 :DWRUtil.addOption(id,items) DWRUtil.addOption(id,items,valueProp,textProp);

参数 :

第一个参数 :select id name 属性值

第二个参数 : 数组或链表 ( 填充数据 )

第三、四个参数 : 链表节点的属性 , 第三个填充 value 值,第四个填充 text

<o:p> </o:p>

例:

<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>

<o:p> </o:p>

DWRUtil.romoveAllOptions();<o:p></o:p>

功能 : 删除指定 select 元素的 option 子元素

参数 :select 元素的 id name 属性值

: 前面例子有用到

<o:p> </o:p>

DWRUtil.debug();<o:p></o:p>

功能 : 等价于 alert()

: 前面例子有用到

<o:p> </o:p>

DWRUtil.toDescriptiveString();

功能 : 将对象序列化成字符串 , 主要用于调试

: 前面的例子有用到

分享到:
评论
6 楼 hax 2007-07-09  
引用回帖好像有问题。只能快速回复?
5 楼 hax 2007-07-09  
perfect0924 写道
我在机器上试验
<script>

       Var arr_={“wiley’s blog”,”wiley中国”};

       DWRUtil.addRows(“tby_test”,arr_,[function(arr_){return arr_}]);

</script>

一直提示 Var arr_={“wiley’s blog”,”wiley中国”};
缺少;


数组是 [1, 2, 3]
对象是 {a:1, b:2, c:3}

知道你的问题了吧?JavaScript的语法和Java不一样的。
4 楼 13966768603 2007-07-09  
xuey 写道
我想知道一个问题。

var cellFuncs = [
  function(data) { return data; },
  function(data) { return data.toUpperCase(); },
  function(data) {
    return "<input type='button' value='Test' onclick='alert(\"Hi\");'/>";
  },
  function(data) { return count++; }
];
dwr.util.addRows( "demo1",[ 'Africa', 'America', 'Asia', 'Australasia', 'Europe' ], cellFuncs);
执行以后table中显示的是<input type='button' value='Test' onclick='alert("Hi");'/>这个字符串
我希望能显示出来按钮并且能执行
function(data) {
    return "<input type='button' value='Test' onclick='alert(\"Hi\");'/>";
应该如何去写?
试验一下回复
3 楼 xuey 2007-07-05  
我想知道一个问题。

var cellFuncs = [
  function(data) { return data; },
  function(data) { return data.toUpperCase(); },
  function(data) {
    return "<input type='button' value='Test' onclick='alert(\"Hi\");'/>";
  },
  function(data) { return count++; }
];
dwr.util.addRows( "demo1",[ 'Africa', 'America', 'Asia', 'Australasia', 'Europe' ], cellFuncs);
执行以后table中显示的是<input type='button' value='Test' onclick='alert("Hi");'/>这个字符串
我希望能显示出来按钮并且能执行
function(data) {
    return "<input type='button' value='Test' onclick='alert(\"Hi\");'/>";
应该如何去写?
2 楼 perfect0924 2007-07-02  
我在机器上试验
<script>

       Var arr_={“wiley’s blog”,”wiley中国”};

       DWRUtil.addRows(“tby_test”,arr_,[function(arr_){return arr_}]);

</script>

一直提示 Var arr_={“wiley’s blog”,”wiley中国”};
缺少;
1 楼 ouspec 2006-11-28  
代码需要用RichEdit的代码输入框,楼主修改一下吧

相关推荐

    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小结

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

    DWR小代码小例子

    例如,你可以使用`DWRUtil`工具类来进行数据转换,或者通过`DWREngine`管理异步调用。 4. **安全与权限控制**:DWR提供了安全机制,可以通过白名单或黑名单方式限制哪些类和方法可以被JavaScript访问。你需要确保...

    dwrtest测试DWR小测试

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

    dwr学习之基础篇

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

    DWRUtil 小结

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

    dwr小项目及资料

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

    简单DWR动态下拉菜单

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

    dwr ajax完整示例,内有dwr配置说明文档,eclicps工程

    1. **创建Ajax请求**:在JavaScript中,使用DWR的`DWRUtil`或`DWREngine`对象发起Ajax请求。 2. **处理服务器响应**:在回调函数中处理服务器返回的数据,更新DOM元素以展示结果。 3. **错误处理**:设置错误处理...

    DWR小例子_DEMO

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

    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

    - 在JavaScript中通过`DWRUtil`或`DWREngine`调用服务器方法。 - 使用DWR提供的回调函数处理响应数据。 8. **学习资源**: - 该中文文档将详细介绍DWR的安装、配置、使用方法以及常见问题的解决,是学习DWR的...

    dwrUtil用法

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

    Dwr例子带注释

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

    模拟dwr写的小例子

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

    dwr消息推送详细步骤

    DWR提供`DWRUtil`工具类,可以帮助处理回调。 7. **服务器推送** 当服务器有新的消息需要推送时,调用之前在Java接口中定义的方法。DWR会自动将这个调用转化为对客户端JavaScript的调用,将结果传递给注册的回调...

    dwr开发小结

    NULL 博文链接:https://wujie2008.iteye.com/blog/504131

Global site tag (gtag.js) - Google Analytics