Posted on 2007-01-21 15:59
HandSoft 閱讀(351)
評論(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)
?