Posted on 2007-01-21 15:59
HandSoft 阅读(342)
评论(0) 编辑 收藏 所属分类:
Ajax技术相关
Ajax,或者说是异步JavaScript和XML,描述了一种使用混合了HTML(或XHTML)和层叠样式表作为表达信息,来创建交互式的Web应用的开发技术;文档对象模型(DOM),JavaScript,动态地显示和与表达信息进行交互;并且,XMLHttpRequest对象与Web服务器异步地交换和处理数据。
因特网上许多例子展示了在一个HTML文件内部使用XMLHttpRequest与服务器端进行交互的必要的步骤。当手工地编写和维护XMLHttpRequest代码时,开发者必须处理许多潜在的问题,特别是类似于跨浏览器的DOM实现的兼容性这样的问题。这将会导致在编码和调试Javascript代码上面花费数不清的时间,这显然对开发者来说很不友好。
DWR(直接Web远程控制)项目是在Apache许可下的一个开源的解决方案,它供给那些想要以一种简单的方式使用Ajax和XMLHttpRequest的开发者。它具有一套Javascript功能集,它们把从HTML页面调用应用服务器上的Java对象的方法简化了。它操控不同类型的参数,并同时保持了HTML代码的可读性。
一. Util.js
util.js包含一系列的工具函数使用javascript返回的数据来帮助更新Web页面。
util.js中有四种基本的页面操作函数:
getValue[s];setValue[s]可以和除过tables、lists、images的大部分的html元素交互.
getText()可以和选择列表(select lists)交互.
编辑tables用addRows()和removeAllRows()方法.编辑列表(选择lists和ul,ol列表)用
addOptions()和removeAllOptions().
1.${}
${}函数是一个(javascript)全局变量.
$=document.getElementById
'$'可以通过给定的'ID'取得HTML文档元素.他也可返回一个包含返回元素的数组.
2.Generating Lists
DWRUtil.addOptions()描述了下拉列表的实现
var sel = DWRUtil.getValue(id);
DWRUtil.removeAllOptions(id);
DWRUtil.addOptions(id,...);
DWRUtil.setValue(id,sel);
如果想要添加"请选择..."项,可以添加以下项: DWRUtil.addOptions(id,["Please select ..."]);
DWRUtil.addOptions有四种使用模式:
Array:
DWRUtil.addOptions(selectid,array)和用文本和值创建了选择列表.
Array of Objects(using option text = option value):
DWRUtil.addOptions(selectid,data,prop)用数组元素创建了选择列表,选择列表中的值和文本设定为
数组中的每个对象的属性.
Array of objects(with differing option text and value):
DWRUtil.addOptions(selectid,array,valueprop,textprop)
Object:
DWRUtil.addOptions(selectid,map,reverse)
Map of object:
DWRUtil.addOptions(ulid,array)