Ajax 学习手扎(二)DWR中的util.js

最新推荐文章于 2025-12-22 19:38:33 发布

原创最新推荐文章于 2025-12-22 19:38:33 发布 · 900 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#dwr #ajax #null #button #浏览器 #input

本文详细介绍了DWRUtil.js中的多个实用函数，如getElementById的替代方法$()、debug工具toDescriptiveString、获取元素值的getValue等。此外还提到了获取select元素text值的方法getText及收集多种类型元素值的getValues。

$("id") 大概等价于document.getElementById("id") 如果返回结果唯一的话返回该元素的值,不唯一则返回一个数组 .另外,如果单独使用util.js的话,可能在IE5以下的浏览器中无法正常使用,需要跟engine.js配合使用. 注意,这里得到的是一个对象,如果需要得到该对象的值的话,需要用innerHTML来取得.或者直接用DWRUtil.getValue("elementId")来取值.
DWRUtil.toDescriptiveString("elementId",debugLevel),这是一个debug用的函数.第一个参数是元素的id,第二个参数是debug等级,可以是0,1,2.随着等级增加,输出信息也会增加.注意这个函数只是一个debug工具,不要对它抱有太大幻想.
DWRUtil.getText("elementId"),返回一个select下拉菜单中的text值.仅适用于select类型的元素.
DWRUtil.getValue("elementId"),返回一个元素的值,This method works for most HTML elements including selects (where the option with a matching value and not text is selected), input elements (including textareas) divs and spans
DWRUtil.getValues({ div:null,
textarea:null,
select:null,
text:null,
password:null,
formbutton:null,
button:null
}),返回一个对象包含这些元素的值,暂时不知道做什么用的.
DWRUtil.onReturn(event, submitFunction) 定义在输入框中按回车的响应,防止执行submit.
DWRUtil.addOptions() 一个重要的方法

本文信息来源: http://www.bestunix.net/index.php?job=art&articleid=a_20060223_110241

2 条评论

Pike_Jun 2007.03.09
DWRUtil.addRows()的用法： DWRUtil.addRows(”items”,items,cellFunctions); 第一个items,应该是table的id，第2个items，是远程返回的结果集,cellFunctions,对表格行填充的回调函数一类的。 var cellFunctions = [ function(item) { return item.name; }, function(item) { return item.description; }, function(item) { return item.formattedPrice; }, function(item) { var btn = document.createElement(”button”); btn.innerHTML = “Add to cart”; btn.itemId = item.id; btn.onclick = addToCartButtonHandler; return btn; } 应该是一个function(item)就代表一列，return的就是传入的结果集的某列的内容。那么这个表格就应该有4列。最后一列是静态的html代码了。不过没研究一下，return回去动静混合的内容，就是一个字串会如何。我猜应该也可以吧。苏小勇在 2006年4月19日11:18星期三评论: 先简单介绍一下什么是DWR DWR - Direct Web Remoting ajax是一种提高web站点吸引力和实用性的书写web页面的方法。它从服务器端更新web页面的特殊区域，从而增强用户的交互性。它允许信息在短时间的延迟或不用刷新页面的情况下更新。 DWR减少了开发时间，也减少了一些可能的错误，这些错误是在提供常用的方法函数并消除一些与高交互性web站点有关的重复性代码的时候产生的。 DWR是作为开源软件(ASL verssion 2.0)而可以免费得到的。它凭借它的广阔的库、例子和指南非常易于实现。把它结合到一个现有的站点是非常简单的，同样它也可以简单地与大多数java框架结合。 util.js util.js包含了一些使用的方法，从而帮助你利用j avascript(可能)从服务器端更新你的web数据。你可以在DWR之外的地方使用它，因为它并不依赖与DWR而实现。它包含四个页面处理函数：getValue[s]()、setValue[s]()作用于除tables、lists和images以外的大多数html元素。getText()作用于select lists。 addRows()和removeAllRows()用于编辑tables。addOptions()和removeAllOptions()用于编辑lists(如：select lists、ul、ol)。 $() $函数(在j avascript中，他的名字是合法的)的思想是从prototype引进的。一般说来，$ = document.getElementById。在以后你花大量时间进行ajax编程的时

Pike_Jun 2007.03.09
DWRUtil.getValues({ div:null, textarea:null, select:null, text:null, password:null, formbutton:null, button:null }）这个函数可以自动取得页面上指定ID的值，并且返回一个，java中可以认识的map(Hashtable或HashMap)值.下面是我测试示例; 页面： saveuser.htm <html> <head> <title> saveUser </title>  <script src="/oblog312/dwr/interface/SaveUserAction.js" type="text/j avascript"></script> <script src="/oblog312/dwr/engine.js" type="text/j avascript"></script>  <script src="/oblog312/dwr/util.js" type="text/j avascript"></script> <script type="text/j avascript"> function saveuser() { //user = { id:"", firstName:"", lastName:"", birthday:"" }; user = { id:null, firstName:null, lastName:null, birthday:null }; var params = DWRUtil.getValues(user); alert(params); SaveUserAction.PutParams(params); alert("user.id:"+user.id); alert("user.firstName:"+user.firstName); alert("user.lastName:"+user.lastName); alert("user.birthday:"+user.birthday); } function hello(ok) { alert(ok); } </script> </head> <body bgcolor="#ffffff"> <form action="" id="userForm" name="userForm" method="POST"> ID:<input type="text"