开源俱乐部

开源框架
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

Dwr

Posted on 2007-01-21 15:59 HandSoft 阅读(335) 评论(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)
 


只有注册用户登录后才能发表评论。


网站导航: