精通JS腳本之ExtJS框架

第1章 JavaScript入門必備
1.1 JavaScript語言概述
1.1.1 JavaScript簡介
1.1.2 JavaScript特點
1.1.3 JavaScript與Java
1.2 第一個JavaScript程序
1.2.1 嵌入JavaScript
1.2.2 鏈接外部JavaScript文件
1.2.3 注意事項
1.3 基礎(chǔ)語法
1.3.1 數(shù)據(jù)類型
1.3.2 變量與常量
1.3.3 運算符
1.4 流程控制語句
1.4.1 if條件語句
1.4.2 switch條件語句
1.4.3 while循環(huán)語句
1.4.4 do while循環(huán)語句
1.4.5 for循環(huán)語句
1.4.6 for in循環(huán)語句
1.4.7 try catch finally語句
1.4.8 其他語句
第2章 JavaScript瀏覽器對象模型與事件處理
2.1 瀏覽器對象模型
2.1.1 文檔對象
2.1.2 表單及其元素對象
2.1.3 瀏覽器信息對象
2.1.4 窗口對象
2.1.5 網(wǎng)址對象
2.1.6 歷史記錄對象
2.2 基本事件處理
2.3 2級DOM事件模型
2.3.1 事件傳播
2.3.2 注冊事件處理程序
2.3.3 event對象
2.4 常用事件
2.4.1 鍵盤事件
2.4.2 鼠標事件
2.4.3 頁面事件
第3章 開始使用ExtJS
3.1 ExtJS概述
3.1.1 ExtJS簡介
3.1.2 ExtJS中的基本概念
3.1.3 ExtJS與常見JavaScript庫的介紹與對比
3.2 創(chuàng)建第一個程序
3.2.1 下載ExtJS
3.2.2 部署到開發(fā)工具中
3.2.3 編寫HelloWorld.html
3.2.4 運行調(diào)試ExtJS
3.3 輔助開發(fā)
3.3.1 調(diào)試工具Firebug
3.3.2 開發(fā)利器Spket
第4章 ExtJS事件機制
4.1 設計模式——觀察者模式
4.2 自定義事件
4.3 瀏覽器事件
4.4 ExtJS中的事件
4.4.1 Function.call()/apply()方法
4.4.2 函數(shù)的作用域
4.4.3 Ext.lib.Event事件
4.4.4 Ext.util.Observable事件
4.4.5 Ext.EventManager事件
4.4.6 Ext.EventObject事件
4.5 各種事件登記方式
4.5.1 傳統(tǒng)式登記
4.5.2 內(nèi)聯(lián)式登記
4.5.3 Dom Level2登記
4.6 高級組件事件
4.7 ExtJS鍵盤事件
第5章 ExtJS組件
5.1 核心組件
5.1.1 ExtJS組件結(jié)構(gòu)
5.1.2 Ext.Component
5.1.3 Ext.BoxComponent
5.1.4 Ext.Container
5.1.5 Ext.Panel
5.1.6 Ext.TabPanel
5.2 信息提示框組件
5.2.1 Ext.MessageBox簡介
5.2.2 Ext.MessageBox.alert()
5.2.3 Ext.MessageBox.confirm()
5.2.4 Ext.MessageBox.prompt()
5.2.5 Ext.MessageBox.wait()
5.2.6 Ext.MessageBox.show()
5.2.7 Ext.MessageBox的其他功能
5.3 進度條組件
5.3.1 Ext.ProgressBar簡介
5.3.2 手工模式的進度條
5.3.3 自動模式的進度條
5.3.4 自定義樣式的進度條
5.4 工具欄和菜單欄
5.4.1 Ext.Toolbar簡介
5.4.2 只包含按鈕的簡單工具欄
5.4.3 包含多種元素的復雜工具欄
5.4.4 Ext.menu.Menu簡介
5.4.5 最簡單的菜單欄
5.4.6 創(chuàng)建三級或多級菜單
5.4.7 具有選擇框的菜單
第6章 頁面元素與模板
6.1 構(gòu)成用戶界面的元素
6.2 獲取頁面元素
6.3 元素常見的使用方法
6.3.1 常見的“顯示/隱藏”方法
6.3.2 常見的“內(nèi)容控制”方法
6.3.3 常見的“操控DOM”方法
6.3.4 常見的“尺寸大小/定位”方法
6.3.5 常見的“特效動畫”方法
6.3.6 DomHelper簡介
6.4 DomQuery入門
6.4.1 元素選擇符Selector
6.4.2 屬性選擇符Attributes Selectors
6.4.3 CSS值元素選擇符
6.4.4 Ext.query與Ext.select
6.5 應用模板
6.5.1 Ext.Template
6.5.2 Ext.XTemplate
第7章 設計表單類布局
7.1 Form表單簡介
7.1.1 Form表單的基本配置
7.1.2 ExtJS對Form表單的封裝
7.2 ExtJS的表單組件
7.2.1 文本輸入控件Ext.form.TextField
7.2.2 多行文本輸入控件Ext.form.TextArea
7.2.3 單選框
7.2.4 復選框
7.2.5 下拉列表框
7.2.6 日期輸入控件Ext.form.DateField
7.2.7 在線編輯器Ext.form.HtmlEditor
7.3 ExtJS表單組件的綜合應用
第8章 設計表格類布局
8.1 表格簡介
8.1.1 表格的基本屬性
8.1.2 制作第一個表格
8.2 表格常用功能詳解
8.2.1 主要屬性功能
8.2.2 自定義列寬度
8.2.3 執(zhí)行按列排序
8.2.4 解決中文排序
8.2.5 格式化顯示日期類型數(shù)據(jù)
8.3 美化表格
8.4 設置表格背景顏色
8.5 顯示行號和復選框
8.5.1 顯示行號
8.5.2 引用復選框
第9章 表格的高級功能
9.1 表格視圖——Ext.grid.GridView
9.2 表格分頁
9.2.1 添加表格分頁顯示工具條
9.2.2 從后臺腳本獲得分頁數(shù)據(jù)
9.2.3 在表格頂部顯示分頁工具條
9.2.4 實現(xiàn)前臺分頁效果
9.3 可編輯表格控件——EditorGrid
9.3.1 制作第一個EditorGrid
9.3.2 添加一行數(shù)據(jù)
9.3.3 保存修改結(jié)果
9.3.4 驗證EditGrid中的數(shù)據(jù)
9.3.5 限制輸入數(shù)據(jù)的類型
9.4 PropertyGrid屬性表格控件
9.4.1 PropertyGrid簡介
9.4.2 只讀的PropertyGrid
9.4.3 對name列強制排序并獲得value
9.4.4 自定義編輯器
9.5 分組表格控件——Group
9.5.1 分組表格簡介
9.5.2 Ext.grid.GroupingView的配置操作
9.6 可拖放的表格
9.6.1 拖放改變表格的大小
9.6.2 在同一個表格里拖放
9.6.3 表格之間的拖放
9.6.4 表格與樹之間的拖放
第10章 設計樹狀結(jié)構(gòu)布局
10.1 TreePanel的基本使用
10.1.1 創(chuàng)建一棵樹
10.1.2 為樹生枝展葉
10.1.3 樹形的配置
10.1.4 使用TreeLoader獲得數(shù)據(jù)
10.1.5 讀取本地JSON數(shù)據(jù)
10.2 樹的事件
10.3 右鍵菜單
10.4 修改節(jié)點的默認圖標
10.5 從節(jié)點彈出對話框
10.6 節(jié)點提示信息
10.7 為節(jié)點設置超鏈接
10.8 樹形的拖放
10.8.1 節(jié)點拖放的3種形式
10.8.2 葉子不能append
10.8.3 判斷拖放的目標
10.8.4 樹之間的拖放
10.9 樹形過濾器TreeFilter
10.10 利用TreeSorter對樹進行排序
10.11 樹形節(jié)點視圖——Ext.tree.TreeNodeUI
10.12 表格與樹形的結(jié)合——Ext.ux.tree.ColumnTree
第11章 其他布局類簡介
11.1 標準布局類
11.1.1 折疊布局——AccordionLayout
11.1.2 邊框布局——BorderLayout
11.1.3 卡片式布局——CardLayout
11.1.4 列布局——ColoumnLayout
11.1.5 錨點布局——AnchorLayout
11.1.6 自適應布局——FitLayout
11.1.7 ContainerLayout
11.2 與布局有關(guān)的其他知識
11.2.1 父類Ext.Container公共配置與xtype的概念
11.2.2 使用Viewport
11.2.3 實現(xiàn)表單元素橫排
第12章 ExtJS對Ajax的支持
12.1 Ext.Ajax介紹
12.1.1 Ext.Ajax.request方法詳解
12.1.2 Ext.Ajax.request操作示例
12.1.3 Ext.Ajax.request提交XML數(shù)據(jù)
12.2 Ext.Updater基礎(chǔ)
12.2.1 Ext.Updater.update方法
12.2.2 Ext.Updater.update操作示例
12.3 利用Ajax優(yōu)化Web應用框架
12.3.1 多級聯(lián)動菜單
12.3.2 Ajax修改用戶密碼
12.3.3 自動保存的網(wǎng)絡記事本
12.3.4 網(wǎng)頁計算器
第13章 設計數(shù)據(jù)驅(qū)動模式
13.1 XML/JSON數(shù)據(jù)格式比較
13.2 容器類MixedCollection
13.3 數(shù)據(jù)存儲基本單元Record與dataField
13.3.1 dataField
13.3.2 Record
13.4 數(shù)據(jù)存儲store
13.4.1 數(shù)據(jù)載入
13.4.2 對數(shù)據(jù)進行排序
13.4.3 從store 中獲取數(shù)據(jù)
13.4.4 更新store 中的數(shù)據(jù)
13.4.5 加載及顯示數(shù)據(jù)
13.5 數(shù)據(jù)代理
13.5.1 Ext.data.DataProxy
13.5.2 Ext.data.MemoryProxy
13.5.3 Ext.data.HttpProxy
13.5.4 Ext.data.ScriptTagProxy
13.6 數(shù)據(jù)讀取器
13.6.1 Ext.data.DataReader
13.6.2 Ext.data.ArrayReader
13.6.3 Ext.data.JsonReader
13.6.4 Ext.data.XmlReader
13.7 Ext.ux.DWR
13.7.1 Ext.data.DwrProxy
13.7.2 Ext.data.DWRTreeLoader
13.7.4 Web服務端配置
13.7.5 服務層接口
第14章 ExtJS擴展
14.1 利用Ext.extend實現(xiàn)繼承
14.2 與ExtJS擴展相關(guān)的預備知識
14.2.1 定義命名空間
14.2.2 使用xtype
14.3 用戶擴展和插件
14.3.1 編寫自定義用戶擴展
14.3.2 常用插件UploadDialog
14.3.3 常用插件ManagedIFrame
14.4 使用ExtJS制作Flash統(tǒng)計報表
14.4.1 柱狀圖
14.4.2 折線圖
14.4.3 餅狀圖
14.4.4 柱狀棧圖
第15章 調(diào)試JavaScript與HTML
15.1 Firebug的基本使用
15.1.1 開啟或關(guān)閉Firebug
15.1.2 控制臺
15.2 Firebug的應用
15.2.1 源代碼調(diào)試
15.2.2 CSS調(diào)試
15.2.3 腳本調(diào)試
15.3 跟蹤網(wǎng)絡傳輸狀態(tài)
15.4 在腳本文件中加入調(diào)試命令
15.5 在IE中使用Firebug
15.5.1 前端調(diào)試利器DebugBar
15.5.2 IE下的優(yōu)秀JavaScript調(diào)試工具Companion.JS
15.5.3 DebugBar和Companion.JS的基本操作
15.6 調(diào)試技巧
15.6.1 在Firebug中直接調(diào)試腳本
15.6.2 調(diào)試代碼運行速度
15.6.3 查看對象屬性
第16章 ExtJS案例：商品信息管理系統(tǒng)
16.1 商品信息管理系統(tǒng)功能介紹
16.2 數(shù)據(jù)庫設計和實現(xiàn)
16.2.1 數(shù)據(jù)庫概念結(jié)構(gòu)設計
16.2.2 數(shù)據(jù)庫表設計
16.3 為項目做好準備
16.4 登錄界面
16.5 欄目加載
16.6 為項目換膚
16.7 商品信息管理
16.7.1 商品信息的查詢
16.7.2 商品信息的添加
16.7.3 商品信息的刪除
16.7.4 商品信息的更新
第17章 ExtJS案例：企業(yè)任務管理系統(tǒng)
17.1 系統(tǒng)概述
17.2 需求分析
17.3 數(shù)據(jù)庫設計
17.4 員工任務管理
17.4.1 個人任務處理
17.4.2 個人資料編輯
17.5 主管任務管理
17.5.1 部門計劃處理
17.5.2 部門人員管理
17.6 系統(tǒng)管理員權(quán)限分配