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

第一部分 Ext JS介紹
第1章 獨(dú)特的框架
1.1 認(rèn)識(shí)Ext JS
1.1.1 和已有的站點(diǎn)相整合
1.1.2 富API文檔
1.1.3 通過(guò)預(yù)置的部件進(jìn)行快速開(kāi)發(fā)
1.1.4 與Prototype、jQuery、YUI結(jié)合使用以及在AIR中使用
1.2 需要知道的事項(xiàng)
1.3 框架概覽
1.3.1 容器和布局一覽
1.3.2 實(shí)際應(yīng)用中的其他容器
1.3.3 網(wǎng)格、DataView和ListView
1.3.4 模仿一個(gè)TreePanel和葉子
1.3.5 表單的輸入字段
1.3.6 其他部件
1.4 Ext JS 3.0的新特性
1.4.1 Ext JS通過(guò)Direct完成遠(yuǎn)程操作
1.4.2 數(shù)據(jù)類(lèi)
1.4.3 新的布局
1.4.4 網(wǎng)格中ColumnModel的增強(qiáng)
1.4.5 ListView
1.4.6 Ext JS中新增的圖表功能
1.5 下載并配置
1.5.1 檢查SDK的內(nèi)容
1.5.2 第一次配置Ext JS
1.5.3 配置Ext JS使用其他框架
1.5.4 配置BLANK_IMAGE_URL
1.6 測(cè)試
1.7 小結(jié)
第2章 基礎(chǔ)回顧
2.1 正確的開(kāi)始
2.1.1 準(zhǔn)備好了再行動(dòng)
2.1.2 由Ext JS來(lái)觸發(fā)
2.2 Ext.Element類(lèi)
2.2.1 框架的核心
2.2.2 與Ext.Element的第一次親密接觸
2.2.3 創(chuàng)建子節(jié)點(diǎn)
2.2.4 刪除子節(jié)點(diǎn)
2.2.5 Ext.Element與Ajax一起使用
2.3 使用Template和XTemplate
2.3.1 模板練習(xí)
2.3.2 用XTemplate循環(huán)
2.3.3 XTemplate的高級(jí)用途
2.4 小結(jié)
第3章 事件、組件和容器
3.1 通過(guò)Observable管理事件
3.1.1 回顧
3.1.2 基于DOM的事件
3.1.3 DOM中的事件流
3.1.4 把泡泡戳破
3.1.5 軟件驅(qū)動(dòng)的事件
3.1.6 注冊(cè)事件和事件監(jiān)聽(tīng)器
3.2 組件模型
3.2.1 XType和組件管理器
3.2.2 組件的渲染
3.3 組件的生命周期
3.3.1 初始化
3.3.2 渲染
3.3.3 銷(xiāo)毀階段
3.4 容器
3.4.1 學(xué)會(huì)掌控子元素
3.4.2 查詢(xún)?nèi)萜鞯膶哟谓Y(jié)構(gòu)
3.4.3 Viewport容器
3.5 小結(jié)
第二部分 Ext JS 組件
第4章 組件的安身之所
4.1 Panel
4.1.1 構(gòu)建一個(gè)復(fù)雜的面板
4.2 彈出窗口
4.2.1 進(jìn)一步探討窗口的配置選項(xiàng)
4.2.2 用MessageBox取代alert和prompt
4.2.3 MessageBox的高級(jí)技術(shù)
4.2.4 顯示一個(gè)動(dòng)畫(huà)效果的等待MessageBox
4.3 組件也可以放在選項(xiàng)卡面板里
4.3.1 記住兩個(gè)選項(xiàng)
4.3.2 構(gòu)建第一個(gè)TabPanel
4.3.3 需要知道的選項(xiàng)卡管理方法
4.3.4 缺陷與不足
4.4 小結(jié)
第5章 元素的擺放
5.1 簡(jiǎn)單的ContainerLayout
5.2 AnchorLayout
5.3 FormLayout
5.4 AbsoluteLayout
5.5 讓組件填滿(mǎn)整個(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的表單
6.1 TextField
6.1.1 密碼和文件選擇字段
6.1.2 構(gòu)建TextArea
6.1.3 方便的NumberField
6.2 ComboBox的預(yù)先輸入
6.2.1 構(gòu)建一個(gè)本地ComboBox
6.2.2 使用遠(yuǎn)程的ComboBox
6.2.3 剖析ComboBox
6.2.4 定制自己的ComboBox
6.2.5 時(shí)間
6.3 所見(jiàn)即所得
6.3.1 構(gòu)造第一個(gè)HtmlEditor
6.3.2 解決缺少校驗(yàn)的問(wèn)題
6.4 選擇日期
6.5 Checkbox和Radio
6.6 FormPanel
6.7 數(shù)據(jù)提交和加載
6.7.1 傳統(tǒng)的提交
6.7.2 通過(guò)Ajax提交
6.7.3 表單的數(shù)據(jù)加載
6.8 小結(jié)
第三部分 數(shù)據(jù)驅(qū)動(dòng)的組件
第7章 歷史悠久的
GridPanel
7.1 GridPanel簡(jiǎn)介
7.1.1 深入內(nèi)部
7.2 數(shù)據(jù)存儲(chǔ)器快速入門(mén)
7.2.1 數(shù)據(jù)存儲(chǔ)器的工作方式
7.3 構(gòu)建一個(gè)簡(jiǎn)單的GridPanel
7.3.1 配置一個(gè)ArrayStore
7.3.2 完成第一個(gè)GridPanel
7.4 高級(jí)GridPanel的構(gòu)造
7.4.1 目標(biāo)
7.4.2 用快捷方式創(chuàng)建數(shù)據(jù)存儲(chǔ)器
7.4.3 用自定義的渲染器構(gòu)造ColumnModel
7.4.4 配置高級(jí)GridPanel
7.4.5 為GridPanel配置一個(gè)容器
7.4.6 加上事件處理
7.5 小結(jié)
第8章 EditorGridPanel
8.1 近觀(guān)EditorGridPanel
8.2 構(gòu)建第一個(gè)EditorGridPanel
8.3 EditorGridPanel的導(dǎo)航
8.4 進(jìn)入CRUD
8.4.1 添加保存和拒絕邏輯
8.4.2 保存修改或拒絕修改
8.4.3 添加創(chuàng)建和刪除
8.4.4 使用創(chuàng)建和刪除
8.5 使用Ext.data.DataWriter
8.5.1 走進(jìn)Ext.data.DataWriter
8.5.2 給JsonStore添加DataWriter
8.5.3 使用DataWriter
8.5.4 自動(dòng)寫(xiě)數(shù)據(jù)存儲(chǔ)器
8.6 小結(jié)
第9章 DataView和ListView
9.1 什么是DataView
9.2 構(gòu)建一個(gè)DataView
9.2.1 構(gòu)造數(shù)據(jù)存儲(chǔ)器和XTemplate
9.2.2 構(gòu)建DataView和Viewport
9.3 深入ListView
9.3.1 把DataView綁定到ListView
9.4 整合
9.4.1 配置FormPanel
9.4.2 應(yīng)用最后的綁定
9.5 小結(jié)
第10章 圖表
10.1 定義4種圖表
10.2 剖析圖表
10.3 構(gòu)建一個(gè)LineChart
10.3.1 ToolTip的定制
10.3.2 給x軸和y軸添加標(biāo)題
10.3.3 美化圖表內(nèi)容區(qū)
10.4 增加多個(gè)系列
10.4.1 添加圖例
10.5 構(gòu)造ColumnChart
10.5.1 堆疊柱狀圖
10.5.2 混合使用Line和Column
10.6 構(gòu)造BarChart
10.6.1 配置一個(gè)BarChart
10.7 PieChart的一片
10.7.1 自定義的tipRenderer
10.8 小結(jié)
第11章 樹(shù)
11.1 TreePanel
11.1.1 分析root
11.2 構(gòu)建第一個(gè)TreePanel
11.3 動(dòng)態(tài)增長(zhǎng)的TreePanel
11.3.1 TreePanel
11.4 TreePanel的CRUD
11.4.1 給TreePanel添加上下文菜單
11.4.2 Edit的邏輯
11.4.3 實(shí)現(xiàn)刪除
11.4.4 給TreePanel創(chuàng)建節(jié)點(diǎn)
11.5 小結(jié)
第12章 菜單、按鈕和工具欄
12.1 初識(shí)菜單
12.1.1 構(gòu)建一個(gè)菜單
12.1.2 獲得和使用圖標(biāo)
12.1.3 駕馭瘋狂的圖標(biāo)
12.1.4 添加子菜單
12.1.5 添加分隔欄和TextItem
12.1.6 選顏色和選擇日期
12.1.7 可以勾選的菜單項(xiàng)
12.1.8 單選項(xiàng)
12.2 按鈕的使用
12.2.1 構(gòu)建按鈕
12.2.2 把菜單和按鈕綁在一起
12.2.3 SplitButton
12.2.4 自定義按鈕的布局
12.3 對(duì)按鈕進(jìn)行分組
12.4 工具欄
12.5 讀取、設(shè)置和Ext.Action
12.6 小結(jié)
第四部分 高級(jí)Ext
第13章 拖放基礎(chǔ)
13.1 仔細(xì)研究拖放
13.1.1 拖放的生命周期
13.1.2 從上向下觀(guān)察拖放類(lèi)
13.1.3 關(guān)鍵在于重載
13.1.4 拖放總是成組使用的
13.2 從簡(jiǎn)單的開(kāi)始
13.2.1 創(chuàng)建一個(gè)小的工作區(qū)
13.2.2 讓元素可以拖曳
13.2.3 分析Ext.dd.DD的DOM改變
13.2.4 添加用作投放目標(biāo)的游泳池和熱水池
13.3 完成拖放
13.3.1 添加投放邀請(qǐng)
13.3.2 添加有效投放
13.3.3 實(shí)現(xiàn)無(wú)效投放
13.4 使用DDProxy
13.4.1 使用DDProxy的投放邀請(qǐng)
13.5 小結(jié)
第14章 部件的拖放
14.1 快速回顧拖放類(lèi)
14.2 DataView的拖放
14.2.1 構(gòu)造DataView
14.2.2 添加拖曳
14.2.3 投放
14.3 GridPanel的拖放
14.3.1 構(gòu)造GridPanel
14.3.2 啟用拖曳
14.3.3 更好的投放邀請(qǐng)
14.3.4 添加投放
14.4 TreePanel的拖放
14.4.1 構(gòu)造TreePanel
14.4.2 啟用拖放
14.4.3 使用靈活的約束
14.5 小結(jié)
第15章 擴(kuò)展和插件
15.1 Ext JS的繼承
15.1.1 JavaScript的繼承
15.1.2 Ext JS的擴(kuò)展
15.2 擴(kuò)展Ext JS的組件
15.2.1 設(shè)想實(shí)現(xiàn)結(jié)果
15.2.2 擴(kuò)展GridPanel
15.2.3 擴(kuò)展實(shí)戰(zhàn)
15.2.4 擴(kuò)展的局限性
15.3 插件
15.3.1 健壯的插件設(shè)計(jì)模式
15.3.2 開(kāi)發(fā)一個(gè)插件
15.3.3 插件實(shí)踐
15.4 小結(jié)
第五部分 構(gòu)建應(yīng)用程序
第16章 可重用的開(kāi)發(fā)
16.1 面向未來(lái)的開(kāi)發(fā)
16.1.1 命名空間
16.1.2 命名空間的分段
16.1.3 大型應(yīng)用程序的命名空間分段
16.2 分析應(yīng)用需求
16.2.1 可重用性的提取
16.2.2 Dashboard界面
16.2.3 Manage Departments界面
16.2.4 Manage Employees界面
16.3 構(gòu)造ChartPanel組件
16.3.1 ChartPanelBaseCls
16.3.2 CompanySnapshot類(lèi)
16.3.3 DepartmentBreakdown類(lèi)
16.4 構(gòu)造列表面板組件
16.4.1 ListPanelBaseCls
16.4.2 DepartmentListView和EmployeeList類(lèi)
16.5 構(gòu)造EmployeeGridPanel類(lèi)
16.6 EmployeeAssociationWindow類(lèi)
16.7 form命名空間
16.7.1 FormPanelBaseCls類(lèi)
16.7.2 DepartmentForm類(lèi)
16.7.3 EmployeeForm類(lèi)
16.8 小結(jié)
第17章 應(yīng)用層
17.1 開(kāi)發(fā)應(yīng)用程序命名空間
17.1.1 回顧應(yīng)用程序界面
17.1.2 設(shè)計(jì)應(yīng)用程序的命名空間
17.2 構(gòu)造Dashboard 界面
17.3 Manage Employees界面
17.3.1 討論工作流程
17.3.2 構(gòu)造Employee Manager
17.4 Manage Departments界面
17.4.1 導(dǎo)航和部門(mén)CRUD工作流
17.4.2 員工CRUD工作流
17.4.3 員工調(diào)動(dòng)工作流
17.5 整合
17.5.1 工作區(qū)工作流
17.5.2 構(gòu)造工作區(qū)單體
17.6 小結(jié)
……