mobile元件说明三.doc

目录 第一章 基本概念 3 1-1前言 4 1-2 什麽是 Jquery Mobile 5 1-3 EEPMobile架構 6 第二章 Mobile基礎開發 7 2-1 Mobile單檔Wizard開發 8 2-2 Mobile多檔Wizard開發 15 2-3 Mobile預設值開 25 2-4 Mobile檢驗開發 30 第三章 Mobile元件說明（一） 37 3-1 selects的使用方法 38 3-2 RefVal的使用 45 3-3 RefVal進階設計(ColumnMatchs) 48 3-4 RefVal進堦設計 (WhereItems) 50 第四章 元件設計 53 4-1 Date日期元件 54 4-2 RadioButton單選元件 58 4-3 CheckBox多選元件 64 4-4 Slider元件 66 第五章Mobile元件説明(三) 68 5-1 Image的顯示 69 5-2 檔案上傳 72 5-3 GoogleMap功能 76 5-4 Mobile QRCode顯示 78 附錄 80 A.類別參數 (class parameters). HardCoding使用 80 DataGrid 80 DataForm 84 checkBoxes 89 radioButtons 90 refval 92 selects 94 B.元件屬性. 95 JQCheckBoxes 95 JQDataForm 95 JQFormColumn 96 JQDataGrid 96 JQGridColumn 97 JQDefault 98 JQFile 99 JQFlipSwitch 99 JQQueryColumn 100 JQRadioButtons 100 JQRefval 101 JQRelationColumn 102 JQScriptManager 102 JQSelects 102 JQSliders 103 JQToolItem 103 JQValidate 104  第一章 基本概念 (((((((((((((((((((((((((((( 1-1 前言 1-2什麽是 Jquery Mobile 1-3 EEPMobile架構  1-1前言? 隨著行動裝置的普及，每個人對於裝置的使用時數越來越長，應用範圍越來越廣。而企業也逐漸能接受Bring your own device (BYOD)的觀念。紛紛思考如何透過行動裝置應用程式，以行動辦公的方式提高工作效率，快速取得決策資訊。 而目前行動裝置應用程式的分類大致上有三種： ?1.?????Native App(原生應用程式)???????? 效能最好，功能完整。但是開發與維護門檻高，不同裝置要使用不同開發語言，同樣裝置也有作業系統版本問題。且需???????? 考慮硬體、螢幕尺寸與裝置未來發展性還有應用程式上架佈署更新等問題。 ?2.?????Web App(網頁版應用程式)???????? 效能與功能較差，無法離線操作。但是開發門檻與維護成本最低。且不需要使用到行動裝置的API。 3.??? ?Hybrid App(混合型應用程式)新的App方式，各裝置上透過第三方應用程式，載入Web App。因此可支援行動裝置大多數的API，也具有Web App易開發的特性。Adobe Flash技術在行動裝置上漸漸式微後，Adobe也轉向Hybird App，併購相關公司。但目前成熟度還不高，需要時間觀察。 而WEB App應具備的特性：1.支援各種主流行動裝置2.適合手指觸控操作3.不使用mouse over、mouse out等滑鼠事件4. 版面自動適應裝置螢幕尺寸綜合上述幾點，再加上容易學習、價格低、普及率高的前提下，目前市面上最適合的解決方案，應該非jQueryMobile莫屬了。 ?  1-2 什麽是 Jquery Mobile jQuery Mobile就是上述中Web App這種方式 ( 利用Browser來處理 )為了能在各種不同Mobile平台提供了統一的UI介面，所以使用了標準的HTML5語法來處理，以下是jQuery Mobile的一些特點： 1. 使用jQuery核心，所以會和jQuery語法相同，也因此學習曲線不會很長。 2. 兼容主要的移動和桌面平台 - IOS、Android，黑莓，WebOS，Symbian、Windows Mobile，Firefox Mobile 和所有現代的桌面瀏覽器。 3. 輕量級的JavaScript函式庫。 4. 使用HTML5的標記驅動(Markup-driven)來進行配置，所以只需要撰寫少量的Script，以提升開發時間。 5. WAI - ARIA的輔助功能也包