使用dwr的一点经验.docVIP

使用dwr的一点经验需要jdom.jar和bsf.jar,否则无法跟spring整合. dwr生成的javascript函数会自动加一个回调函数的参数,如原来的函数是checkExist(String name),那么生成的javascript函数是checkExist(callbackFunc,String name). 注意回调函数只能有一个参数,就是服务器的返回值,如function(messFromServer),这里messFromServer是该操作在服务器上的返回值. util.js里面有很多有用的方法,最好熟悉一下. convert并不是必须的,只有你的函数需要传递非基本数据类型的数据时需要此项.DWR中的util.js先简单介绍一下什么是DWRDWR - 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编程的时候，在合适的地方使用这种格式是很有益的。?$通过给定的ID在当前HTML页面找到元素，如果多于一个的参数被提交，它就会返回一个包含已找到元素的数组。这个函数从prototype的library中得到的灵感，而且，它还能更好的工作在不同的浏览器中。Generating Lists?DWR的一个功能可以给一个下拉列表(select list)添加选项，只需使用DWRUtil.addOptions()。?如果你在更新列表之前，希望保留一些选项，你需要写以下一些代码：? ? ?var sel = DWRUtil.getValue(id);? ? ?DWRUtil.removeAllOptions(id);? ? ?DWRUtil.addOptions(id, ...);? ? ?DWRUtil.setValue(id, sel);?如果你想有个初始化选项，如：“please select”，你可以直接使用：? ? ?DWRUtil.addOptions(id, [Please select]);DWRUtil.addOptions 有5种调用方法：Array: DWRUtil.addOptions(selectid, array) 。selectid为目标ID,array为每一项的text。Array of objects (option text = option value): DWRUtil.addOptions(selectid, data, prop) 用text和value的集合来为每一个数组元素创建一个选项，pro参数指定text和value的值。Array of objects (with differing option text and value): DWRUtil.addOptions(selectid, array, valueprop, textprop) 用text和value的集合来为每一个数组元素创建一个选项，valueprop确定value，textprop确定text。Object: DWRUtil.addOptions(selectid, map, reverse) 为map中每一个属性(property