dwr-utiljs

1、util.js 包含了一些工具函數(shù)來(lái)幫助你用 javascript 數(shù)據(jù)(例如從服務(wù)器返回的數(shù)據(jù))來(lái)更新你的 web 頁(yè)面。 你可以在 DWR 以外使用它，因?yàn)樗灰蕾囉?DWR 的其他部分。你可以下載整個(gè) DWR 或者單獨(dú)下載. 4 個(gè)基本的操作頁(yè)面的函數(shù)：getValue[s]()和 setValue[s]()可以操作大部分 HTML 元素除了table，list 和 image。getText()可以操作 select list。

2、 要修改 table 可以用 addRows()和 removeAllRows()。要修改列表(select 列表和 ul,ol 列表)可以用 addOptions()和 removeAllOptions()。 還有一些其他功能不是 DWRUtil 的一部分。但它們也很有用，它們可以用來(lái)解決一些小問(wèn)題，但是它們不是對(duì)于所有任都通用的。 $() addOptions and removeAllOptions addRows and rem

3、oveAllRows getText getValue getValues onReturn selectRange setValue setValues toDescriptiveString useLoadingMessage Submission box 生成列表DWR 的一個(gè)常遇到的任務(wù)就是根據(jù)選項(xiàng)填充選擇列表。下面的例子就是根據(jù)輸入填充列表。下面將介紹 DWRUtil.addOptions() 的幾種是用方法。如果你希望在你更

4、新了 select 以后，它仍然保持運(yùn)來(lái)的選擇，你要像下面這樣做：var sel = DWRUtil.getValue(id);DWRUtil.removeAllOptions(id);DWRUtil.addOptions(id, ...);DWRUtil.setValue(id, sel);如果你想加入一個(gè)初始的“Please select...“ 選項(xiàng)那么你可以直接加入下面的語(yǔ)句：DWRUtil.addOptions(id, \[“

5、Please select ...“]);然后再下面緊接著加入你真正的選項(xiàng)數(shù)據(jù)。cellfuncs 數(shù)組中的沒有函數(shù)創(chuàng)建一個(gè)列。單元格是依次用 cellfunc 根據(jù)沒有數(shù)組中的元素創(chuàng)建出來(lái)的。DWR1.1 開始，addRows()也可以用對(duì)象做為數(shù)據(jù)。如果你用一個(gè)對(duì)象代替一個(gè)數(shù)組來(lái)創(chuàng)建單元格，這個(gè)對(duì)象會(huì)被傳遞給 cell 函數(shù)。你可以寫一些像這樣的偽代碼：for each member in arrayfor each functio

6、n in cellfuncscreate cell from cellfunc(array[i])參數(shù):id: table 元素的 id(最好是 tbody 元素的 id) array: 數(shù)組(DWR1.1 以后可以是對(duì)象)，做為更新表格數(shù)據(jù)。 cellfuncs: 函數(shù)數(shù)組，從傳遞過(guò)來(lái)的行數(shù)據(jù)中提取單元格數(shù)據(jù)。 options: 一個(gè)包含選項(xiàng)的對(duì)象(見下面) 選項(xiàng)包括:rowCreator: 一個(gè)用來(lái)創(chuàng)建行的函數(shù)(例如，你希望個(gè) t

7、r 加個(gè) css). 默認(rèn)是返回一個(gè)document.createElement(“tr“) cellCreator: 一個(gè)用來(lái)創(chuàng)建單元格的函數(shù)(例如，用 th 代替 td). 默認(rèn)返回一個(gè)document.createElement(“td“) DWRUtil.getText(id)getText(id)和 getValue(id)很相似。出了它是為 select 列表設(shè)計(jì)的。你可能需要取得顯示的文字，而不是當(dāng)前選項(xiàng)的值。DWR

8、Util.getValue(id)DWRUtil.getValue(id)是 setValue()對(duì)應(yīng)的“讀版本“。它可以從 HTML 元素中取出其中的值，而你不用管這個(gè)元素是 select 列表還是一個(gè) div。這個(gè)函數(shù)能操作大多數(shù) HTML 元素包括 select(去處當(dāng)前選項(xiàng)的值而不是文字)、input 元素(包括 textarea)、div 和 span。DWRUtil.getValues()getValues()和 getV

9、alue()非常相似，除了輸入的是包含 name/value 對(duì)的 javascript 對(duì)象。name 是 HTML 元素的 ID，value 會(huì)被更改為這些 ID 對(duì)象元素的內(nèi)容。這個(gè)函數(shù)不會(huì)返回對(duì)象，它只更改傳遞給它的值?；?Form 的 getValues()從 DWR1.1 開始 getValues()可以傳入一個(gè) HTML 元素(一個(gè) DOM 對(duì)象或者 id 字符串)，然后從它生成一個(gè) reply 對(duì)象。DWRUtil.o