ExtJS Web應(yīng)用程序開發(fā)指南

前言

　　ExtJS的前身即YUI（Yahoo User Interface），經(jīng)過不斷發(fā)展與改進(jìn)，已經(jīng)成為最完整與成熟的一套構(gòu)建RIA Web應(yīng)用的JavaScript基礎(chǔ)庫。利用ExtJS構(gòu)建的RIA Web應(yīng)用具有與桌面程序一樣的標(biāo)準(zhǔn)用戶界面與操作方式，能夠橫跨不同的瀏覽器平臺。ExtJS已經(jīng)成為開發(fā)具有較好用戶體驗的Web應(yīng)用的完美選擇。在RIA Web開發(fā)的征途中，選擇ExtJS作為克敵制勝的武器，程序員可以享受ExtJS帶來的類似于Win32編程的原生態(tài)快樂。　　隨著用戶對體驗的要求越來越高，特別對于Web應(yīng)用開發(fā)者而言，ExtJS無疑是優(yōu)秀的解決方案，能夠幫助開發(fā)者快速實現(xiàn)良好用戶界面的開發(fā)。ExtJS是在YUI基礎(chǔ)上拓展出來的，在我國具有廣闊的用戶，再加上ExtJS又是開源的，生命力非常強(qiáng)勁?！　xtJS漂亮的功能時刻吸引我們?nèi)ド钊胩骄亢蛻?yīng)用，但是ExtJS自身的特點，使得我們在學(xué)習(xí)的時候會遭遇如下的諸多困惑：　　ExtJS為用戶提供了功能強(qiáng)大的組件，但這些組件并不能滿足項目中功能多變的需求，學(xué)會擴(kuò)展已有組件比較困難。除了擴(kuò)展組件，ExtJS組件還提供了插件功能，學(xué)會插件的編寫也是一個不錯的選擇?！　∫獢U(kuò)展ExtJS組件只閱讀API文檔是不行的，還必須對相關(guān)的組件源代碼比較熟悉才能有效地實現(xiàn)組件擴(kuò)展。如何快速掌握ExtJS的源代碼也是個問題?！　xtJS源代碼的數(shù)量和結(jié)構(gòu)比較復(fù)雜，大量使用了json對象實現(xiàn)功能的封裝，所以必須熟悉json對象?！　W(xué)會組件式的開發(fā)方法有助于大幅減少代碼量，減輕維護(hù)的強(qiáng)度?！　≡贓xtJS的源代碼中經(jīng)常出現(xiàn)一些不常見的語法形式，不太容易理解?！　≡诒緯心銜业綆缀跎鲜鏊袉栴}的答案，解決困惑。本書通過各種實例，詳細(xì)全面地介紹使用ExtJS進(jìn)行RIA Web開發(fā)，對在開發(fā)過程中與其他相關(guān)技術(shù)的結(jié)合進(jìn)行了說明。最終可以開發(fā)出功能強(qiáng)大、界面標(biāo)準(zhǔn)、用戶體驗完美的Web應(yīng)用。本書的案例來自ExtJS開發(fā)的實際Web應(yīng)用項目，對開發(fā)者有較強(qiáng)的指導(dǎo)意義?！　≈饕獌?nèi)容　　本書從ExtJS實現(xiàn)的功能開始講解RIA Web開發(fā)，通過經(jīng)典的Hello World快速搭建和配置第一個程序。然后詳細(xì)講解ExtJS的基本功能、常用的表單、面板和布局、常見的工具類與函數(shù)，以及ExtJS對事件的響應(yīng)。這些基本組件、函數(shù)的講解結(jié)合現(xiàn)今流行的Web框架進(jìn)行改造，將相關(guān)技術(shù)融合起來應(yīng)用。隨著Ajax逐漸滲透到Web開發(fā)的各個方面，增加了ExtJS與數(shù)據(jù)交互重要的數(shù)據(jù)模型、ExtJS的JSP標(biāo)簽庫ExtTLD、ExtJS高級組件的講解?？紤]到ExtJS與主流服務(wù)端框架的整合越來越緊密，本書還特意講解了Struts和Struts2框架的整合與配置。本書還全面細(xì)致地講解了ExtJS實現(xiàn)的Portal實例，真正實現(xiàn)完全整合應(yīng)用ExtJS技術(shù)。本書還為RIA Web開發(fā)設(shè)計提供經(jīng)典的應(yīng)用解決方案。　　本書寫給誰　　本書語言通俗易懂，版式清新，通過大量的實例講解技術(shù)。廣大的Web程序員可以從本書中能找到經(jīng)典的應(yīng)用解決方案。RIA Web應(yīng)用開發(fā)的愛好者從中也可以找到進(jìn)步的階梯。　　本書特色　　閱讀門檻低—不要求讀者對ExtJS有所了解，只要熟悉JavaScript編程，就能從頭開始領(lǐng)略ExtJS的風(fēng)采?！　∑脚_開發(fā)的概念—ExtJS是一種軟件開發(fā)平臺，而非一個普通的JavaScript框架，用桌面程序開發(fā)思想指導(dǎo)基于ExtJS的Web應(yīng)用?！　碜杂趯嵺`—在大型項目開發(fā)中學(xué)習(xí)并應(yīng)用ExtJS，大量的案例都是實際項目情景的縮影，在講解時穿插大量的實踐經(jīng)驗提示，實踐的指導(dǎo)意義強(qiáng)大?！　〉湫蛨鼍皯?yīng)用—本書在講述各章內(nèi)容中穿插了對常見Web應(yīng)用框架使用ExtJS進(jìn)行改造的實例。Web應(yīng)用框架是最基本的典型場景應(yīng)用，每個Web開發(fā)都會遇到?！　⊥暾_發(fā)實例—本書提供了完整的基于ExtJS實現(xiàn)的Portal實例。該實例完全可以立即投入到火熱的Portal風(fēng)潮的實際應(yīng)用中。　　致謝與分工　　本書由衛(wèi)軍、夏慧軍和孟臘春三人編著。姚新軍先生參與本書的前期策劃和后期的質(zhì)量監(jiān)控。參與本書校對和排版工作的有王斌、張強(qiáng)林、萬雷、張賽橋、劉軍華、黃北軍、陳洪軍、黃中林、陳鯤、趙騰倫等。全書由成都易為科技有限責(zé)任公司審定。感謝Testdll、清源、Alex XRDU等多位技術(shù)專家提出的寶貴意見和建議。　　由于作者水平和精力有限，疏漏之處在所難免，歡迎讀者批評指正。為方便讀者更好地理解和應(yīng)用，本書將書中的代碼與示例提供給讀者，方便讀者更快捷、高效地閱讀本書。

內(nèi)容概要

　　本書從ExtJS實現(xiàn)的基本功能開始講解RIA Web開發(fā)，詳細(xì)講解ExtJS的基本功能、常用的表單、面板和布局、常見的工具類與函數(shù)，以及ExtJS對事件的響應(yīng)。本書結(jié)合現(xiàn)今流行的Web框架，融合相關(guān)技術(shù)應(yīng)用。本書增強(qiáng)型模板介紹了ExtJS與數(shù)據(jù)交互重要的數(shù)據(jù)模型、ExtJS的JSP標(biāo)簽庫ExtTLD和ExtJS高級組件。考慮到ExtJS與主流服務(wù)端框架的整合也越來越緊密，本書還特意講解了Struts和Struts2框架的整合與配置。本書全面細(xì)致地講解了ExtJS實現(xiàn)的Portal實例，真正實現(xiàn)完全整合應(yīng)用ExtJS技術(shù)?！　”緯Z言通俗易懂、版式清新，通過大量的實例講解技術(shù)。廣大的Web程序員可以從本書中找到經(jīng)典應(yīng)用的解決方案。RIA Web應(yīng)用程序開發(fā)的愛好者從中也可以找到前進(jìn)的階梯。本書可以作為Web開發(fā)的自學(xué)參考書，也可以作為RIAWeb程序開發(fā)的培訓(xùn)教材?！　xtJS的前身是YUI（Yahoo User Interface），經(jīng)過不斷發(fā)展與改進(jìn)，現(xiàn)在已經(jīng)成為最完整與成熟的一套構(gòu)建RIA Web應(yīng)用的JavaScript基礎(chǔ)庫。ExtJS已經(jīng)成為開發(fā)具有完滿用戶體驗的Web應(yīng)用的完美選擇。　　本書可以作為Web應(yīng)用開發(fā)的參考手冊，特別適合用于RIA Web開發(fā)的自學(xué)參考，也可以作為ExtJS應(yīng)用開發(fā)的培訓(xùn)教材。

書籍目錄

前言第1章 認(rèn)識ExtJS1.1 ExtJS的精彩表現(xiàn)1.2 ExtJS的前世今生1.3 是否真的需要學(xué)習(xí)ExtJS1.4 ExtJS UI組件基礎(chǔ)1.5 了解一下類似技術(shù)1.6 本章小結(jié)第2章 讓我們開始ExtJS之旅2.1 認(rèn)識ExtJS的開發(fā)包2.2 也從Hello world開始2.3 ExtJS中的基本概念2.4 非常有用的開發(fā)工具2.4.1 開發(fā)插件spket2.4.2 調(diào)試工具2.5 ExtJS對原有JavaScript對象的擴(kuò)展2.6 本章小結(jié)第3章 ExtJS 2.0的基本功能3.1 ExtJS 2.0組件配置說明3.1.1 JSON介紹3.1.2 ExtJS組件配置方式介紹3.2 信息提示框組件基礎(chǔ)3.2.1 認(rèn)識Ext.MessageBox3.2.2 Ext.MessageBox.alert()3.2.3 Ext.MessageBox.confirm()3.2.4 Ext.MessageBox.prompt()3.2.5 Ext.MessageBox.wait()3.2.6 Ext.MessageBox.show()3.2.7 Ext.MessageBox的其他功能3.3 進(jìn)度條組件介紹3.3.1 認(rèn)識Ext.ProgressBar3.3.2 手工模式的進(jìn)度條3.3.3 自動模式的進(jìn)度條3.3.4 自定義的進(jìn)度條樣式3.4 實現(xiàn)工具欄和菜單欄3.4.1 認(rèn)識Ext.Toolbar3.4.2 只包含按鈕的簡單工具欄3.4.3 包含多種元素的復(fù)雜工具欄3.4.4 認(rèn)識Ext.menu.Menu菜單3.4.5 最簡單的菜單欄3.4.6 創(chuàng)建二級或多級菜單3.4.7 使用適配器（Ext.menu.Adapter）3.4.8 具有選擇框的菜單3.5 本章小結(jié)第4章 最常用的表單4.1 表單及表單元素4.1.1 了解Ext.form.BasicForm基本表單4.1.2 認(rèn)識 Ext.form.FormPanel表單面板4.1.3 Ext.form.Field表單字段4.1.4 Ext.form.TextField文本區(qū)4.1.5 Ext.form.TextArea多行文本域4.1.6 Ext.form.NumberField數(shù)字輸入框4.1.7 Ext.form.Checkbox復(fù)選框4.1.8 Ext.form.Radio單選框4.1.9 Ext.form.TriggerField觸發(fā)字段4.1.10 Ext.form.ComboBox組合框4.1.11 Ext.form.TimeField時間選擇框4.1.12 Ext.form.DateField日期選擇框4.1.13 Ext.form.Hidden隱藏字段4.1.14 Ext.form.HtmlEditor HTML編輯器4.1.15 Ext.form.FieldSet字段集4.2 實現(xiàn)表單驗證4.2.1 常見的驗證類型4.2.2 表單驗證（VType）4.2.3 自定義VType驗證4.3 表單的提交和加載4.3.1 Ext.form.Action基礎(chǔ)4.3.2 表單數(shù)據(jù)加載4.3.3 表單數(shù)據(jù)提交4.4 本章小結(jié)第5章 面板及布局類5.1 面板panel5.1.1 認(rèn)識Ext.Panel5.1.2 Ext.Panel的主要功能5.1.3 使用Ext.Panel5.2 標(biāo)準(zhǔn)布局類5.2.1 ContainerLayout容器布局5.2.2 FitLayout自適應(yīng)布局5.2.3 AccordionLayout折疊布局5.2.4 CardLayout卡片式布局5.2.5 AnchorLayout錨點布局5.2.6 AbsoluteLayout絕對位置布局5.2.7 FormLayout表單布局5.2.8 ColumnLayout列布局5.2.9 TableLayout表格布局5.2.10 BorderLayout邊框布局5.3 使用ViewPort5.4 TabPanel頁簽5.5 通過布局嵌套實現(xiàn)表單元素橫排5.6 本章小結(jié)第6章 常用工具類與函數(shù)6.1 非常有用的Element元素6.2 Ext常用函數(shù)6.2.1 Ext.onReady()6.2.2 Ext.get()6.2.3 Ext.select ()6.2.4 Ext.query ()6.2.5 Ext.getCmp()6.2.6 Ext.getDom()6.2.7 Ext.isEmpty()6.2.8 Ext.namespace()6.2.9 Ext.each()6.2.10 Ext.apply()6.3 Ext.DomHelper6.3.1 Ext.DomHepler.append6.3.2 Ext.DomHelper.applyStyles()6.3.3 createTemplate()6.3.4 insertAfter()6.3.5 insertBefore()6.3.6 insertFirst()6.3.7 insertHtml()6.3.8 overwrite()6.4 Ext.DomQuery6.4.1 compile()6.4.2 filter()6.4.3 is()6.4.4 select()6.4.5 selectNode()6.5 Ext.util.CSS6.5.1 createStyleSheet()6.5.2 getRule ()6.5.3 swapStyleSheet()6.5.4 removeStyleSheet()6.6 Ext.util.ClickRepeater6.6.1 click()6.6.2 mousedown()6.6.3 mouseup()6.7 Ext.util.DelayedTask提供setTimeout的簡單替代6.7.1 canelc()6.7.2 delay()6.8 Ext.util.Format提供常用的格式化方法6.8.1 ellipsis()6.8.2 capitalize()6.8.3 date()6.8.4 htmlEncode ()6.8.5 htmlDecode()6.8.6 stripTags()6.8.7 substr()6.9 Ext.util.JSON 編碼和解碼Json對象6.9.1 decode()6.9.2 encode()6.10 Ext.util.MixedCollection6.10.1 加入對象到集合6.10.2 將數(shù)組中的對象加入集合中6.10.3 移除集合中的對象6.10.4 克隆集合6.10.5 匹配集合中的關(guān)聯(lián)對象6.10.6 迭代集合中的對象調(diào)用指定的方法6.10.7 獲取集合中的對象6.10.8 類中的其他有用方法6.10.9 類中重要的事件6.11 Ext.util.TaskRunner6.11.1 構(gòu)造函數(shù)6.11.2 啟動一個線程start()6.11.3 停止一個線程stop()6.11.4 停止所有的線程stopAll()6.12 Ext.util.TextMetrics得到塊狀化文本規(guī)格6.12.1 塊的綁定6.12.2 實例化對象6.12.3 獲取文本的高度6.12.4 獲取文本的寬、高6.12.5 獲取文本的寬度6.12.6 獲取指定節(jié)點內(nèi)文本塊的寬、高6.12.7 指定文本塊的寬6.13 Ext.KeyNav為元素提供簡單的按鍵處理方法6.13.1 實例化一個鍵盤綁定對象6.13.2 廢棄原有鍵盤綁定6.13.3 使廢棄的鍵盤綁定重新生效6.14 Ext.KeyMap 提供更靈活強(qiáng)大的按鍵的處理方法6.14.1 構(gòu)造函數(shù)6.14.2 給對象添加鍵盤綁定6.14.3 廢棄已綁定到KeyMap的配置6.14.4 使KeyMap或廢棄的配置重新生效6.14.5 取當(dāng)前KeyMap配置是否有效6.14.6 事件綁定函數(shù)6.15 本章小結(jié)第7章 ExtJS開始響應(yīng)事件7.1 ExtJS事件與瀏覽器標(biāo)準(zhǔn)事件的異同7.1.1 事件綁定方式7.1.2 自定義事件7.1.3 跨瀏覽器事件7.2 ExtJS事件特性7.2.1 Ext.util.Observable（事件基類）7.2.2 事件相關(guān)方法舉例7.3 Ext.EventObject（事件對象）7.4 Ext.EventManager事件管理器7.5 本章小結(jié)第8章 常見Web框架的ExtJS改造8.1 常見Web應(yīng)用框架說明8.2 簡易書籍管理系統(tǒng)8.2.1 總體設(shè)計8.2.2 數(shù)據(jù)庫設(shè)計8.2.3 數(shù)據(jù)庫腳本8.2.4 工程框架設(shè)計8.2.5 頁面設(shè)計8.3 怎樣開始8.3.1 頁面改造8.3.2 與服務(wù)器交互方式的改造8.4 開始改造8.4.1 改造主頁面布局8.4.2 改造菜單欄8.4.3 改造書籍維護(hù)界面8.4.4 改造書籍新增界面8.4.5 改造書籍修改界面8.4.6 改造書籍刪除功能8.5 換膚的實現(xiàn)8.5.1 ExtJS皮膚的安裝8.5.2 創(chuàng)建實現(xiàn)換膚功能的自定義組件Ext.ux.ThemeChange8.5.3 修改菜單列表加入換膚組件8.5.4 查看換膚效果8.6 本章小結(jié)第9章 ExtJS對Ajax的支持9.1 Ext.Ajax入門9.1.1 Ext.Ajax.request方法詳解9.1.2 Ext.Ajax.request操作示例9.2 Ext.Updater基礎(chǔ)9.2.1 Ext.Updater相關(guān)的其他類9.2.2 Ext.Updater.update方法詳解9.2.3 Ext.Updater.update操作示例9.2.4 Ext.Updater其他方法示例9.3 利用Ajax優(yōu)化Web應(yīng)用框架9.3.1 多級聯(lián)動菜單9.3.2 天氣情況查詢9.3.3 自動保存的網(wǎng)絡(luò)記事本9.3.4 網(wǎng)頁計算器9.4 本章小結(jié)第10章 增強(qiáng)型模板10.1 熟悉Ext.Template10.2 Ext.XTemplate基礎(chǔ)10.2.1 自動填充數(shù)組和作用域切換10.2.2 在子模板中訪問父對象10.2.3 數(shù)組索引和簡單運(yùn)算支持10.2.4 自動渲染簡單數(shù)組10.2.5 使用基本的條件邏輯判斷10.2.6 在模板中執(zhí)行任意代碼10.2.7 使用模板成員函數(shù)10.3 在ExtJS組件中使用模板10.4 使用模板的優(yōu)勢10.5 在Web中使用模板10.6 本章小結(jié)第11章 數(shù)據(jù)模型11.1 ExtJS數(shù)據(jù)模型基礎(chǔ)11.2 Record數(shù)據(jù)記錄11.3 DataProxy數(shù)據(jù)代理11.3.1 Ext.data.DataProxy11.3.2 Ext.data.HttpProxy11.3.3 Ext.data.MemoryProxy11.3.4 Ext.data.ScriptTagProxy11.4 DataReader數(shù)據(jù)解析器11.4.1 Ext.data.DataReader11.4.2 Ext.data.JsonReader11.4.3 Ext.data.ArrayReader11.4.4 Ext.data.XmlReader11.5 Store數(shù)據(jù)集11.5.1 Ext.data.Store11.5.2 Ext.data.SimpleStore11.5.3 Ext.data.JsonStore11.5.4 Ext.data.GroupingStore11.6 自定義DWR數(shù)據(jù)代理11.7 本章小結(jié)第12章 ExtJS組件12.1 Ext.Component組件類12.2 Ext.BoxComponent組件類12.3 Ext.Container組件容器類12.4 Ext表格組件Grid12.4.1 普通表格面板GridPanel12.4.2 表格列模式ColumnModel12.4.3 表格選擇模式SelectionModel12.4.4 表格視圖GridView12.4.5 可編輯表格面板EditorGridPanel12.4.6 屬性表格面板PropertyGrid12.4.7 分組表格視圖GroupingView12.4.8 表格分頁及其他12.5 Ext樹形組件Tree12.5.1 樹形面板TreePanel12.5.2 樹節(jié)點TreeNode12.5.3 樹節(jié)點UI12.5.4 樹選擇模式SelectionModel12.5.5 樹加載器TreeLoader12.5.6 樹編輯器TreeEditor12.5.7 樹排序TreeSorter12.6 繼承函數(shù)Ext.extend12.7 組件功能擴(kuò)展12.8 使用插件擴(kuò)展組件功能12.9 自定義組件12.9.1 文件上傳表單字段組件12.9.2 靜態(tài)文本表單字段組件12.10 其他非官方優(yōu)秀組件12.11 本章小結(jié)第13章 ExtTLD13.1 ExtTLD標(biāo)簽庫基礎(chǔ)13.1.1 ExtTLD標(biāo)簽庫獲取13.1.2 ExtTLD的部署13.2 從Hello World學(xué)ExtTLD13.3 實現(xiàn)FORM表單13.3.1 簡單表單字段示例13.3.2 下拉框字段示例13.4 實現(xiàn)GRID表格13.4.1 gridExtTLD 簡單表格示例13.4.2 gridExtTLD 可編輯表格示例13.4.3 gridExtTLD 分組表格示例13.5 實現(xiàn)TREE樹13.5.1 簡單tree示例13.5.2 訪問遠(yuǎn)程數(shù)據(jù)示例13.6 本章小結(jié)第14章 ExtJS與服務(wù)端框架的整合14.1 XML與JSON的生成14.1.1 XStream基礎(chǔ)14.1.2 JSON-lib簡介14.2 ExtJS與Struts的整合方式14.3 ExtJS與Struts2的整合方式14.3.1 Struts2生成JSON數(shù)據(jù)14.3.2 Struts2生成XML數(shù)據(jù)14.4 本章小結(jié)第15章 ExtJS Web Portal15.1 什么是Portal15.2 現(xiàn)有Portal的實現(xiàn)技術(shù)15.2.1 Pluto15.2.2 Liferay15.2.3 Jetspeed15.2.4 eXo15.2.5 JPortal15.2.6 Ext Portal15.3 Ext Portal的實現(xiàn)15.3.1 Ext Portal的各種組件15.3.2 Ext Portal的拖拽機(jī)制15.3.3 Ext Portal的Column管理15.3.4 Ext Portal的標(biāo)簽頁的管理15.3.5 Ext Portal的狀態(tài)請求管理15.3.6 Ext Portal的持久化管理15.3.7 后臺處理程序15.3.8 Ext Portal的二次開發(fā)15.4 本章小結(jié)附錄

編輯推薦

　　本書可以作為Web應(yīng)用開發(fā)的參考手冊，特別適合用于RIA Web開發(fā)的自學(xué)參考，也可以作為ExtJS應(yīng)用開發(fā)的培訓(xùn)教材。　　《ExtJS Web應(yīng)用程序開發(fā)指南》特色：　　針對ExtJS的Web開發(fā)技術(shù)，從基礎(chǔ)的運(yùn)行平臺的搭建開始講起，層層深入各個表單、面板和布局的靈活運(yùn)用，接著剖析詳細(xì)組件和函數(shù)，把Ajax與ExtJS完美結(jié)合?！　?shù)據(jù)模型、高級組件和Struts和Struts 2框架實現(xiàn)整合應(yīng)用。最后通過Portal實現(xiàn)用活ExtJS。　　豐富的應(yīng)用實例引導(dǎo)學(xué)習(xí)——《ExtJS Web應(yīng)用程序開發(fā)指南》從開始到結(jié)束都貫穿實例，通過例子去理解掌握相關(guān)技術(shù)。而且例子來源于開發(fā)實踐，稍微移植就能應(yīng)用在開發(fā)中。　　與主流技術(shù)的整合應(yīng)用——考慮到ExtJS開發(fā)的實際情況，《ExtJS Web應(yīng)用程序開發(fā)指南》還特意講解與Ajax、JSP標(biāo)簽庫、Struts的整合，真正實現(xiàn)在開發(fā)中靈活應(yīng)用ExtJS?！　【适痉缎Ч　“嚓P(guān)實例文件，源代碼和ExtJS庫文件。

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    ExtJS Web應(yīng)用程序開發(fā)指南 PDF格式下載

---