Ext JS實戰(zhàn)

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