1、索托沃-網(wǎng)絡(luò)組件開發(fā)指南版本號(hào)1.5北京中電價(jià)格水力信息技術(shù)有限公司2008-03-27修改歷史版本號(hào)修飾語修訂日期摘要V1.0劉2007-06-01創(chuàng)建文檔V1.5張2008-03-07修改文檔V1.5上峰2008-03-11修改文檔內(nèi)容前言11.1概述1參考1.21.3HTML組件11.3.1概述11 . 3 . 2按鈕標(biāo)簽21 . 3 . 3取消組件31 . 3 . 4提交組件51 . 3 . 5重置組件61 . 3 . 6復(fù)選框組件81 . 3 . 7無線電模塊101 . 3 . 8文本組件111 . 3 . 9密碼組件131 . 3 . 10隱藏組件151 . 3 . 11文件組件1

2、71 . 3 . 12區(qū)域構(gòu)成部分191 . 3 . 13標(biāo)記組件201 . 3 . 14檢查箱組部件211 . 3 . 15無線電組組件241 . 3 . 16表單組件261 . 3 . 17選擇組件271 . 3 . 18多重選擇組件311.3.19錯(cuò)誤標(biāo)簽331.3.20消息標(biāo)簽331.4日期部分(日期)341.4.1概述341.4.2日期、月份、年份、日期、時(shí)間，341.4.3月度模塊371.4.4時(shí)間部分371.4.5年模塊371.5 seltree)381.5.1概述381.5.2多階段數(shù)據(jù)樹391.5.3分類樹(一次性數(shù)據(jù)樹)461.5.4多選擇樹，單選擇樹481.5.5鏈接樹4

3、81.6編輯網(wǎng)格)49組件491.7查詢網(wǎng)格組件(FlexGrid)621.8標(biāo)簽頁組件(標(biāo)簽)831.8.1概述831 . 8 . 2選項(xiàng)卡頁面組件831.9門5)911.9.1概述911.9.2菜單組件911.9.3菜單數(shù)據(jù)結(jié)構(gòu)931.10裝載組件951.10.1概述951 . 10 . 2裝載組件951.11顏色選擇器)971.11.1概述971.11.2顏色選擇器組件971.12列表)981.12.1移動(dòng)列表981.12.2排序列表1041.13資源定位器(ui)1071.13.1概述1071.13.2配置資源準(zhǔn)備1071.13.3JSP將sotower標(biāo)記庫107引入JSP頁面文件頭

4、1.13.4在JSP頁面中使用用戶界面標(biāo)簽來介紹圖像、js、css文件1071.13.5SkinUtils類和方法描述1081.14集裝箱)1091.15梳形組件1101.16英寸組件1111.17幫助(異步數(shù)據(jù)獲取)組件1121.18閃光圖1141.19公共JavaScript函數(shù)118SoTower網(wǎng)絡(luò)組件開發(fā)指南1前言1.1概述漂亮的界面、統(tǒng)一的風(fēng)格和豐富的用戶體驗(yàn)是每個(gè)優(yōu)秀軟件產(chǎn)品所追求的。一個(gè)完美的客戶端可以大大提高用戶對(duì)軟件的滿意度。近年來，與客戶相關(guān)的技術(shù)不斷發(fā)展。從最早的瘦客戶端到后來的胖客戶端，再到最近流行的富客戶端，軟件客戶端越來越受到人們的關(guān)注，在軟件產(chǎn)品中所占的比重也越

5、來越大。然而，客戶開發(fā)的效率一直是開發(fā)人員關(guān)心的問題。通過不斷的創(chuàng)新和先進(jìn)的技術(shù)，我們的索托沃網(wǎng)絡(luò)組件已經(jīng)開發(fā)出成熟和完善的客戶端解決方案。使用RIA(富互聯(lián)網(wǎng)應(yīng)用程序)功能構(gòu)建一個(gè)令人耳目一新的網(wǎng)絡(luò)應(yīng)用程序界面非常容易。SoTower網(wǎng)絡(luò)組件使用jsp標(biāo)記技術(shù)，巧妙地將后臺(tái)數(shù)據(jù)與前端html、css、javascript、flash等集成在一起。構(gòu)建各種豐富的組件，如網(wǎng)格、樹、圖表、日歷、菜單等。不需要下載和安裝任何瀏覽器插件，它可以有豐富的用戶體驗(yàn)和美麗的界面。參考材料SoTower1.5框架開發(fā)指南組件開發(fā)1.3超文本標(biāo)記語言組件1.3.1概述html組件使用jsp標(biāo)記技術(shù)將通用控件、c

6、ss樣式和javascript事件打包到HTML中。通過配置屬性，可以獲得對(duì)應(yīng)于請(qǐng)求的值。統(tǒng)一風(fēng)格，簡(jiǎn)化開發(fā)，可重用。HTML組件包括按鈕、文本、密碼、隱藏、復(fù)選框、單選、復(fù)選框組、單選組、文本區(qū)、標(biāo)簽、文件、提交、取消、重置、選擇等。使用超文本標(biāo)記語言組件需要引入網(wǎng)絡(luò)% taglib uri=/tags/web-html 前綴=html %1.3.2按鈕標(biāo)簽按鈕標(biāo)記輸出的html代碼向html添加一個(gè)onmouseover和onmouseout事件。在這兩個(gè)事件中，按鈕的樣式發(fā)生了變化，具體屬性與html中的相同。使用標(biāo)簽實(shí)例：標(biāo)簽輸出html:標(biāo)簽屬性如下：表2-1屬性缺省值是否標(biāo)記屬性和

7、必須形容AccesskeyN設(shè)置或獲取對(duì)象的快捷鍵中高音N設(shè)置或獲取替換圖像的文本備用鑰匙N設(shè)置或獲取Alt鍵的狀態(tài)有缺陷的N設(shè)置或獲取控件是否可用編入索引的N目前不可用OnblurN當(dāng)對(duì)象失去輸入焦點(diǎn)時(shí)觸發(fā)的事件OnchangeN當(dāng)對(duì)象或選定區(qū)域的內(nèi)容發(fā)生變化時(shí)觸發(fā)OnclickN當(dāng)用鼠標(biāo)左鍵單擊對(duì)象時(shí)觸發(fā)雙擊N雙擊對(duì)象時(shí)觸發(fā)聚焦N當(dāng)對(duì)象獲得焦點(diǎn)時(shí)觸發(fā)向下鍵N當(dāng)用戶按下鍵盤鍵時(shí)觸發(fā)按鍵N當(dāng)用戶按下文字鍵時(shí)觸發(fā)OnkeyupN當(dāng)用戶釋放鍵盤鍵時(shí)觸發(fā)onmousedownN當(dāng)用戶用任何鼠標(biāo)按鈕點(diǎn)擊一個(gè)對(duì)象時(shí)觸發(fā)onmousemoveN當(dāng)用戶將鼠標(biāo)滾動(dòng)到對(duì)象上時(shí)觸發(fā)OnmouseoutN當(dāng)用戶將鼠

8、標(biāo)指針移出對(duì)象邊界時(shí)觸發(fā)OnmouseoverN當(dāng)用戶將鼠標(biāo)指針移動(dòng)到對(duì)象中時(shí)觸發(fā)OnmouseupN當(dāng)用戶在鼠標(biāo)位于對(duì)象上方時(shí)釋放鼠標(biāo)按鈕時(shí)觸發(fā)名字Y按鈕名稱風(fēng)格N按鈕樣式styleClassN按鈕的樣式表名稱styleIdN當(dāng)前未使用TabindexN設(shè)置或獲取定義對(duì)象制表符順序的索引標(biāo)題N設(shè)置或獲取對(duì)象的咨詢信息(工具提示)標(biāo)題鍵N當(dāng)前未使用價(jià)值Y按鈕的顯示文本1.3.3取消組件由cancel標(biāo)記輸出的html代碼在html的基礎(chǔ)上添加onmouseover和onmouseout事件。在這兩個(gè)事件中，按鈕的樣式發(fā)生了變化，并且提交按鈕的文本規(guī)范是取消的，不能更改。具體屬性與html中的屬

9、性相同。使用標(biāo)簽實(shí)例：標(biāo)簽輸出html:標(biāo)簽屬性如下：表2-2屬性缺省值是否標(biāo)記屬性和必須形容AccesskeyN設(shè)置或獲取對(duì)象的快捷鍵中高音N設(shè)置或獲取替換圖像的文本備用鑰匙N設(shè)置或獲取Alt鍵的狀態(tài)有缺陷的N設(shè)置或獲取控件是否可用編入索引的N目前不可用OnblurN當(dāng)對(duì)象失去輸入焦點(diǎn)時(shí)觸發(fā)的事件OnchangeN當(dāng)對(duì)象或選定區(qū)域的內(nèi)容發(fā)生變化時(shí)觸發(fā)OnclickN當(dāng)用鼠標(biāo)左鍵單擊對(duì)象時(shí)觸發(fā)雙擊N雙擊對(duì)象時(shí)觸發(fā)聚焦N當(dāng)對(duì)象獲得焦點(diǎn)時(shí)觸發(fā)向下鍵N當(dāng)用戶按下鍵盤鍵時(shí)觸發(fā)按鍵N當(dāng)用戶按下文字鍵時(shí)觸發(fā)OnkeyupN當(dāng)用戶釋放鍵盤鍵時(shí)觸發(fā)onmousedownN當(dāng)用戶用任何鼠標(biāo)按鈕點(diǎn)擊一個(gè)對(duì)象時(shí)觸發(fā)

10、onmousemoveN當(dāng)用戶將鼠標(biāo)滾動(dòng)到對(duì)象上時(shí)觸發(fā)OnmouseoutN當(dāng)用戶將鼠標(biāo)指針移出對(duì)象邊界時(shí)觸發(fā)OnmouseoverN當(dāng)用戶將鼠標(biāo)指針移動(dòng)到對(duì)象中時(shí)觸發(fā)OnmouseupN當(dāng)用戶在鼠標(biāo)位于對(duì)象上方時(shí)釋放鼠標(biāo)按鈕時(shí)觸發(fā)名字Y按鈕名稱風(fēng)格N按鈕樣式styleClassN按鈕的樣式表名稱styleIdN當(dāng)前未使用TabindexN設(shè)置或獲取定義對(duì)象制表符順序的索引標(biāo)題N設(shè)置或獲取對(duì)象的咨詢信息(工具提示)標(biāo)題鍵N當(dāng)前未使用價(jià)值Y按鈕的顯示文本固定為取消，不能更改。1.3.4提交組件submit標(biāo)記輸出的html代碼向html添加onmouseover和onmouseout事件。按鈕樣

11、式在兩個(gè)事件中被改變，并且特定屬性與html中的相同。使用標(biāo)簽實(shí)例：標(biāo)簽輸出html:標(biāo)簽屬性如下：表2-3屬性缺省值是否標(biāo)記屬性和必須形容AccesskeyN設(shè)置或獲取對(duì)象的快捷鍵中高音N設(shè)置或獲取替換圖像的文本備用鑰匙N設(shè)置或獲取Alt鍵的狀態(tài)有缺陷的N設(shè)置或獲取控件是否可用編入索引的N目前不可用OnblurN當(dāng)對(duì)象失去輸入焦點(diǎn)時(shí)觸發(fā)的事件OnchangeN當(dāng)對(duì)象或選定區(qū)域的內(nèi)容發(fā)生變化時(shí)觸發(fā)OnclickN當(dāng)用鼠標(biāo)左鍵單擊對(duì)象時(shí)觸發(fā)雙擊N雙擊對(duì)象時(shí)觸發(fā)聚焦N當(dāng)對(duì)象獲得焦點(diǎn)時(shí)觸發(fā)向下鍵N當(dāng)用戶按下鍵盤鍵時(shí)觸發(fā)按鍵N當(dāng)用戶按下文字鍵時(shí)觸發(fā)OnkeyupN當(dāng)用戶釋放鍵盤鍵時(shí)觸發(fā)onmousedownN當(dāng)用戶用任何鼠標(biāo)按鈕點(diǎn)擊一個(gè)對(duì)象時(shí)觸發(fā)onmousemoveN當(dāng)用戶將鼠標(biāo)滾動(dòng)到對(duì)象上時(shí)觸發(fā)Onmouseou