Ext JS實(shí)戰(zhàn)

內(nèi)容概要

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

作者簡(jiǎn)介

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

書(shū)籍目錄

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

章節(jié)摘錄

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

媒體關(guān)注與評(píng)論

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

編輯推薦

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

名人推薦

“本書(shū)易于理解，可以幫助讀者快速掌握Ext JS 3?！?——Mitchell Simoens 高級(jí)Web開(kāi)發(fā)者

圖書(shū)封面

圖書(shū)標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

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

---