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