1、絕密信息 嚴(yán)禁泄露版權(quán)所有1993-2012金蝶軟件（中國(guó)）有限公司絕密信息 嚴(yán)禁泄露BOS WEB平臺(tái)系統(tǒng)部2012.10WAFIIWAFII控件介紹絕密信息 嚴(yán)禁泄露P2了解WAFII控件整體和使用控件的基本方法了解WAFII樣式框架和如何進(jìn)行二次開(kāi)發(fā)目的絕密信息 嚴(yán)禁泄露P3特色 基于Jquery進(jìn)行封裝 統(tǒng)一風(fēng)格的UI展現(xiàn) 支持流體布局，隨窗口大小變化，無(wú)橫向滾動(dòng)條 全面的Form控件，友好的校驗(yàn)及信息提示 用戶(hù)體驗(yàn)的提升 多瀏覽器的支持 支持全鍵盤(pán)錄入操作 多主題與多皮膚 CSS3的相關(guān)應(yīng)用 動(dòng)態(tài)層取代彈出窗口 強(qiáng)大的表格展示和可編輯表格 國(guó)際化 控件特點(diǎn)絕密信息 嚴(yán)禁泄露P4概括

2、提供了35個(gè)主要控件 & 控件幫助系統(tǒng) 每個(gè)控件由JS、TAG和CSS組成 主要包括： UI控件 文本框，下拉框，日期，F(xiàn)7，數(shù)字框，文本域，多語(yǔ)言框，Radio 、 RadioGroup，Checkbox，隱藏域，文件上傳、標(biāo)簽控件、按鈕、菜單、菜單項(xiàng)、菜單按鈕、顯示表格、可編輯表格、樹(shù)、窗口、提示控件、進(jìn)度條、浮動(dòng)提示 容器控件 側(cè)邊欄、標(biāo)簽容器、大綱控件、Panel控件、欄目控件、Tab，工具欄 布局控件 列布局 功能控件 自動(dòng)完成、校驗(yàn)控件、阻塞WAFII控件整體介紹絕密信息 嚴(yán)禁泄露P5概括 基于Jquery 繼承自Jquery UI Widget 具有jqueryui wi

3、dget一樣的調(diào)用方法 支持自定義的擴(kuò)展繼承 統(tǒng)一的CSS控制WAFII控件技術(shù)絕密信息 嚴(yán)禁泄露P6界面設(shè)計(jì) 在BIM工具上拖放，然后設(shè)置屬性、事件和方法編碼 控件屬性 屬性的設(shè)置和獲取通過(guò)option方法來(lái)完成 有些屬性不支持運(yùn)行期的動(dòng)態(tài)更改 Waf(“#id”).wafPromptBox(“option”, “displayFormat”)； 控件方法 調(diào)用格式統(tǒng)一為： waf(“#id”).xxxx(“methodName”,paramters.) Xxxx為控件對(duì)應(yīng)的JS名稱(chēng)，比如 Waf(“#id”).wafPromptBox(“open”)； 事件 事件的獲取和設(shè)置通過(guò)optio

4、n方法來(lái)完成 Waf(“#id”).wafPromptBox(“option”, “onchange”,function()WAFII控件的使用方法絕密信息 嚴(yán)禁泄露P7常用屬性說(shuō)明 id：唯一標(biāo)示符，不能重復(fù) name: 名稱(chēng)，form控件中綁定到對(duì)應(yīng)的model屬性 value：初始值，可接受el表達(dá)式 tagClass：樣式類(lèi)，對(duì)應(yīng)HTML標(biāo)簽的class，需要寫(xiě)到css文件中 style：樣式，對(duì)應(yīng)標(biāo)準(zhǔn)HTML標(biāo)簽上的style width：寬度 heigh：高度 readonly：只讀 disabled：禁用 maxlength:輸入的最大字符數(shù) tabindex：tab順序 hid

5、den:隱藏WAFII控件的使用方法絕密信息 嚴(yán)禁泄露P8常用方法說(shuō)明 option：獲取控件的屬性或者更改控件屬性 getValue: 獲取控件的值，一般用在form控件中 setValue：設(shè)置控件的值，一般用在form控件中 disable：禁用控件 enable：?jiǎn)?dòng)用控件常用事件說(shuō)明 onchange：值改變事件，參數(shù)包括改變前和改變后值 onkeydown: 在文本框上按下鍵盤(pán)上的鍵時(shí)觸發(fā) onkeyup:在文本框上釋放按鍵時(shí)觸發(fā)WAFII控件的使用方法絕密信息 嚴(yán)禁泄露P9幫助系統(tǒng)控件庫(kù)幫助控件API說(shuō)明控件樣例FAQCSS參考開(kāi)發(fā)指南框架API用戶(hù)手冊(cè)地址http:/ (外網(wǎng))

6、11:8080/waf2help/index.do (內(nèi)網(wǎng))WAFII控件整體介紹絕密信息 嚴(yán)禁泄露WAF幫助系統(tǒng)絕密信息 嚴(yán)禁泄露WAF幫助系統(tǒng)絕密信息 嚴(yán)禁泄露WAF表格控件絕密信息 嚴(yán)禁泄露WAF F7控件絕密信息 嚴(yán)禁泄露WAF 樹(shù)控件絕密信息 嚴(yán)禁泄露WAF Form控件演示絕密信息 嚴(yán)禁泄露WAF 窗口與提示控件演示絕密信息 嚴(yán)禁泄露WAF 菜單與工具欄演示絕密信息 嚴(yán)禁泄露WAF 標(biāo)簽容器和校驗(yàn)控件演示絕密信息 嚴(yán)禁泄露WAF 列布局演示絕密信息 嚴(yán)禁泄露WAF 頁(yè)簽、欄目、進(jìn)度條、上傳演示絕密信息 嚴(yán)禁泄露P21WAF CSS框架介紹Core

7、Reset.css中重置了基本標(biāo)準(zhǔn)元素的相關(guān)屬性，使其達(dá)到各個(gè)瀏覽器下的一致性Content.css中設(shè)置了總體的字體，背景色，鏈接, 普通表格的css等Iehack.css為ie的補(bǔ)丁文件，設(shè)置了基本元素相關(guān)的hack，比如激活hasLayout屬性.PagesSkin：這個(gè)目錄存放了當(dāng)前主題下的皮膚切換。目前提供了eas705和eas703的皮膚，主要是頁(yè)面，組件，控件等的顏色、背景圖片等的處理。Template：這個(gè)目錄根據(jù)不同的頁(yè)面類(lèi)型設(shè)置了不同的css文件，比如列表界面，查看界面，編輯界面等。這些界面在模板中被引用。Form.css: 定義了form中常見(jiàn)元素的樣式，比如各個(gè)控件的默

8、認(rèn)寬度，高度等Page.css: 設(shè)置了各個(gè)頁(yè)面的頂級(jí)結(jié)構(gòu)Jqueryui: jqueryui目錄中放置了jqueryui相關(guān)的各個(gè)控件的css絕密信息 嚴(yán)禁泄露P22CSS與模板、業(yè)務(wù)單元 Styles目錄下只提供了基本的CSS設(shè)置，具體到每個(gè)模板中的每個(gè)頁(yè)面，還需要根據(jù)各個(gè)頁(yè)面的相關(guān)布局等進(jìn)行另外設(shè)置。每個(gè)主題方案都默認(rèn)提供了五個(gè)基本的頁(yè)面模板，分別為listpage.css, editpage.css, viewpage.css, nullpage.css, treelistpage.css。各個(gè)模板會(huì)根據(jù)不同的頁(yè)面選擇設(shè)置不同的頁(yè)面類(lèi)型。每個(gè)頁(yè)面引入的CSS類(lèi)型Standard_all

9、.css : 標(biāo)準(zhǔn)主題的css，每個(gè)頁(yè)面都有且固定eas_all.css: eas皮膚的css，根據(jù)用戶(hù)選擇的皮膚而定generationBillList.css: 當(dāng)前業(yè)務(wù)單元繼承或復(fù)制的模板對(duì)應(yīng)頁(yè)面的cssxxxxList.css: 當(dāng)前業(yè)務(wù)單元當(dāng)前頁(yè)面的css，比如這個(gè)為列表界面的css絕密信息 嚴(yán)禁泄露P23CSS的二次開(kāi)發(fā) CSS的二次開(kāi)發(fā)主要指的是業(yè)務(wù)自己覆蓋或者更改框架已經(jīng)提供的默認(rèn)的CSS設(shè)置，請(qǐng)按照以下事項(xiàng)進(jìn)行設(shè)置。注意事項(xiàng)業(yè)務(wù)自己開(kāi)的CSS寫(xiě)到當(dāng)前頁(yè)面的CSS中，請(qǐng)不要單獨(dú)在頁(yè)面 jsp中加style.請(qǐng)做局部性的或者某個(gè)點(diǎn)的設(shè)置，不要做全局性的。通過(guò)id來(lái)進(jìn)行css的修改

10、設(shè)置專(zhuān)有的命名空間，然后再設(shè)置這個(gè)命名空間下的其他控件樣式特別注意優(yōu)先級(jí)：1.!important2.行內(nèi)style3.Id選擇器4.類(lèi)選擇器5.類(lèi)型選擇器絕密信息 嚴(yán)禁泄露Thanksterima kasih感謝謝謝 版權(quán)所有1993-2012金蝶軟件（中國(guó)）有限公司絕密信息 嚴(yán)禁泄露絕密信息 嚴(yán)禁泄露P25特別聲明沒(méi)有金蝶軟件國(guó)際軟件集團(tuán)有限公司的特別許可，任何人不能以任何形式或?yàn)槿魏文康膹?fù)制或傳播本文檔的任何部分。本文檔中包含的信息如有更改，恕不另行通知。由金蝶軟件（中國(guó)）有限公司和其分銷(xiāo)商所銷(xiāo)售的某些軟件產(chǎn)品包含有其它軟件供應(yīng)商版權(quán)所有的軟件組件。Microsoft、WINDOWS、N

11、T、EXCEL、Word、PowerPoint 和SQL Server 是微軟公司的注冊(cè)商標(biāo)。IBM、DB2、DB2 通用數(shù)據(jù)庫(kù)、OS/2、Parallel Sysplex、MVS/ESA、AIX、S/390、AS/400、OS/390、OS/400、iSeries、pSeries、xSeries、zSeries、z/OS、AFP、Intelligent Miner、WebSphere、Netfinity、Tivoli、Informix 和Informix 動(dòng)態(tài)ServerTM 是國(guó)際商業(yè)機(jī)器公司在美國(guó)或其他公司的商標(biāo)。ORACLE 是ORACLE 公司的注冊(cè)商標(biāo)。UNIX是UNIX INTE

12、RNATIONAL CO.,LIMTED的注冊(cè)商標(biāo)、OSF/1 和Motif 是Open Group 的注冊(cè)商標(biāo)。Citrix、Citrix 徽標(biāo)、ICA、Program Neighborhood 、MetaFrame 、WinFrame 、VideoFrame 、MultiWin以及此處引用的Citrix 產(chǎn)品名是Citrix Systems 公司的商標(biāo)或注冊(cè)商標(biāo)。HTML是HATEMOGLU TEKSTIL GIYIM SANAYI VE TICARET A.S.的注冊(cè)商標(biāo)，DHTML、XML和XHTML 是W3C、World Wide Web 協(xié)會(huì)、計(jì)算機(jī)科學(xué)實(shí)驗(yàn)室的商標(biāo)或注冊(cè)商標(biāo)，PureXML是國(guó)際商業(yè)機(jī)器公司的注冊(cè)商標(biāo)。JAVA 是甲骨文美國(guó)有限公司的注冊(cè)商標(biāo)。