Ext JS實戰(zhàn)

內(nèi)容概要

《Ext JS實戰(zhàn)》編著者Jesus Garcia。 《Ext
JS實戰(zhàn)》以示例方式對Ext JS這種用于創(chuàng)建前端用戶界面的 Ajax框架進行了詳細講解，內(nèi)容豐富全面，易于理解。 《Ext
JS實戰(zhàn)》共分為5個部分，包含17章內(nèi)容，分別介紹了Ext JS基本概念、Ext JS組件、數(shù)據(jù)驅動的組件等內(nèi)容，此外還介紹了Ext
JS框架中的其他高級內(nèi)容，比如拖曳支持以及創(chuàng)建擴展和插件等內(nèi)容。在本書最后一部分中，還通過構建Web程序的方式來幫助讀者學習其中的關鍵概念，比如用命名空間和文件系統(tǒng)來組織類。
《Ext JS實戰(zhàn)》適合想要學習并在實際中應用Ext
JS，而且具有一定的JavaScript、HTML、CSS經(jīng)驗的開發(fā)人員閱讀。

作者簡介

　　Jesus Garcia是一位Ext JS社區(qū)領袖。自2006年以來，他已經(jīng)為許多企業(yè)部署和優(yōu)化了世界級的Ext
JS應用程序。

書籍目錄

第一部分 Ext JS介紹
　第1章 獨特的框架
　 1.1 認識Ext JS
　 1.2 需要知道的事項
　 1.3 框架概覽
　 1.4 Ext JS 3.0的新特性
　 1.5 下載并配置
　 1.6 測試
　 1.7 小結
　第2章 基礎回顧
　 2.1 正確的開始
　 2.2 Ext.Element類
　 2.3 使用Template和XTemplate
　 2.4 小結
　第3章 事件、組件和容器
　 3.1 通過Observable管理事件
　 3.2 組件模型
　 3.3 組件的生命周期
　 3.4 容器
　 3.5 小結
第二部分 Ext JS 組件
　第4章 組件的安身之所
　 4.1 Panel
　 4.2 彈出窗口
　 4.3 組件也可以放在選項卡面板里
　 4.4 小結
　第5章 元素的擺放
　 5.1 簡單的ContainerLayout
　 5.2 AnchorLayout
　 5.3 FormLayout
　 5.4 AbsoluteLayout
　 5.5 讓組件填滿整個容器空間
　 5.6 AccordionLayout
　 5.7 CardLayout
　 5.8 ColumnLayout
　 5.9 HBox和VBox布局
　 5.10 TableLayout
　 5.11 BorderLayout
　 5.12 小結
　第6章 Ext JS的表單
第三部分 數(shù)據(jù)驅動的組件
　第7章 歷史悠久的
　第8章 EditorGridPanel
　第9章 DataView和ListView
　第10章 圖表
　第11章 樹
　第12章 菜單、按鈕和工具欄
第四部分 高級Ext
　第13章 拖放基礎
　第14章 部件的拖放
　第15章 擴展和插件
第五部分 構建應用程序
　第16章 可重用的開發(fā)
　第17章 應用層

章節(jié)摘錄

版權頁：   插圖：   盡管從技術上看所有這些區(qū)域是被分開的，split參數(shù)會讓BorderLayout在中央和其他區(qū)域之間顯示一個5個像素高（或寬）的分隔條?？梢酝ㄟ^分隔條來調(diào)整這些區(qū)域的大小。BorderLayout是通過BorderLayout.SplitRegion類達到這個效果的，這個類創(chuàng)建了一個用絕對坐標表示的不可見的div，這個div用來接收用戶的單擊和拖曳行為。當拖曳動作發(fā)生的時候，會出現(xiàn)一個代理div，這個代理的div是分隔條div的兄弟，這樣，用戶就可以精確地看到調(diào)整后這個區(qū)域所達到的寬度和高度了。 接下來，開始實例化這些子元素，這些子元素都有BorderLayout.Region的參數(shù)。為了能夠看到之前所說的效果，需要讓這些區(qū)域彼此之間有所差異。 對于第一個子元素，將它的region屬性設置為‘north’，這樣保證它會顯示在BorderLayout的頂部。在設置BoxComponent.特有的參數(shù)height，以及region—特有的參數(shù)minHeight和maxHeight的時候，我們使用了一點小技巧。把height設置為100，實際上是指在渲染面板時的初始高度是100個像素，而minHeight讓這個區(qū)域最小的高度是100個像素，這樣再拖動分割條的時候不會超出坐標。對于maxHeight參數(shù)也是同樣的，只不過它所設置的是區(qū)域擴展的最大高度。同時將Panel特有的參數(shù)collapsible設置為true，當這個區(qū)域被收縮的時候，最大高度是30個像素。 接下來定義了viewport的第二個成員，也就是South區(qū)域，這次用的還是同樣的技巧，這次不允許調(diào)整大小，不過區(qū)域之間5個像素的分隔條仍然保留。通過將split參數(shù)設置為false，告訴這個區(qū)域不可以調(diào)整大小。這樣做也會讓區(qū)域減去那5個像素的分隔條，但是這樣會讓布局看起來有些不完整。為了能夠實現(xiàn)一個裝飾作用風格的分隔條，可以指定這個區(qū)域所特有的margins參數(shù)，這個參數(shù)指定了South區(qū)域和它上方的內(nèi)容之間要保留5個像素的空白。但是，在這里需要提醒一點，盡管現(xiàn)在這個布局看起來很完整，不過如果用戶想要調(diào)整大小的話，其實是無能為力的。 定義的第三個元素。是East區(qū)域。這個區(qū)域的配置和North面板有點類似，不過它的大小限制更加靈活一些。在North區(qū)域中，定義的是最大的尺寸，而East區(qū)域定義的是minWidth和maxWidth。這樣的大小設置，可以讓ul以一種默認的或者是建議的大小來顯示面板的尺寸，同時這個面板還可以重新設置大小，超出它最初的大小。 對于West區(qū)域，有一個區(qū)域特定的參數(shù)collapseMode，這個參數(shù)被設置為‘mini’。這樣設置這個參數(shù)，是讓Ext在收縮面板的時候收縮到5個像素，從而為Center區(qū)域提供更多的可視空間。圖5—18顯示了這個區(qū)域到底有多小。通過把split參數(shù)保留為true（還記得默認對象嗎），而不指定最小或者最大的大小參數(shù)，Weste區(qū)域的大小可以被調(diào)整到瀏覽器所能允許的大小，如圖5—18所示。 最后一個區(qū)域是Center區(qū)域，這是BorderLayout中唯一一個必須的區(qū)域。盡管這里的Center區(qū)域看起來是光禿禿的，但是它確實是必須的。Cemer區(qū)域通常是開發(fā)人員放置RIA UI組件的畫布，它的大小依賴于其兄弟區(qū)域的大小。

媒體關注與評論

“對于使用Ext JS的用戶來說，本書是非常優(yōu)秀的參考資源！”——Dan McKinnon，MITRE公司“本書易于理解，可以幫助讀者快速掌握Ext JS 3?！薄狹itchell Simoens，高級Web開發(fā)者“本書讓一個復雜的接口變得不再復雜?！薄猂ic Peller，Management Dynamics公司“本書真正地擴展了你的知識！”——Jeroen Benckhuijsen，法國源訊公司（Atos Origin）“這是一本非常實用的書！”———Orhan Alkan, Oracle公司

編輯推薦

全面的Ext JS指南幫助讀者獲得頂級JavaScript應用程序效果深入探討了每一個類、組件和模型演示如何構建豐富的、動態(tài)的用戶界面和響應式的應用程序通過本書全面掌握Ext JS

名人推薦

“本書易于理解，可以幫助讀者快速掌握Ext JS 3。” ——Mitchell Simoens 高級Web開發(fā)者

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

    Ext JS實戰(zhàn) PDF格式下載

---