dwr框架中DWRUtil的方法 2

最新推荐文章于 2025-07-07 15:51:13 发布

原创最新推荐文章于 2025-07-07 15:51:13 发布 · 120 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#框架 #DWR #Blog

Ajax 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了 DWRUtil 库中一系列 JavaScript 方法的功能与使用方式，包括获取与设置元素值、操作表格与下拉菜单等内容，适用于 Web 开发者进行页面元素的动态管理。

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

功能 : 相当于 document.getElementById(id);

参数 : id 或 name 属性值 ;

例 :

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 属性的元素

例 :

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

DWRUtil.debug(val);

</script>

<o:p> </o:p>

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

功能 : 获得一组指定元素的 value 值 ;

参数 :id 或 name 构成的数组对象

例 :

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 属性值

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

</script>

<o:p> </o:p>

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

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

参数 : id 或 name 构成的数组对象

例 :

DWRUtil.setValues({“txt_name”:”wiley”,”txt_pswd”:”wiley”});

</script>

<o:p> </o:p>

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

功能 : 获得 select 元素的文本值

参数 : id 或 name 属性值

例 :

<option value=” wiley-cn.com” selected>wiley 中国 </option>

</select>

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>

<tr>

</tbody>

</table>

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

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

</script>

<o:p> </o:p>

例 2:

<o:p> </o:p>

<table>

<tr>

<tr>

</tbody>

</table>

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>

<tr>

</tbody>

</table>

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>

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();

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

例 : 前面的例子有用到

原文：http://www.iteye.com/topic/36326