Ext JS源码分析与开发实例宝典_前端开发教程

资源名称：Ext JS源码分析与开发实例宝典

内容简介：

本书全面系统地剖析了ExtJS 3．0的架构设计原理。通过对源码的“抽丝剥茧”，读者可以掌握Ext JS架构的精妙，从原理层面用活Ext JS。此外，本书还提出了大量的解决方案，以使Ext JS满足用户 日益增长的体验需要。

　　本书分为4个部分，共17章。快速入门部分讲解Ext JS的背景及体系结构，并通过案例实现让 读者快速入门。核心技术部分深入讲解Ext JS的核心基础知识，包括JS原生对象的扩展、事件机制、 模板模型、数据模型，包括一个机制、两个模型及六个扩展。基于元素的开发部分讲解了在DOM元素基 础上扩展的Ext JS元素，包括元素操作、元素查找、元素样式、动画特效和拖曳实现。深入组件的开 发部分讲解Ext JS组件的原理及各大组件的应用，包括组件模型、容器模型、布局设计、Form组件、 Grid组件、Tree组件及Menu组件。

　　本书结构紧凑，条理清晰，注重对Ext JS优美代码的分析和应用，通过阅读漂亮的代码，能够极 大地提升代码编写的质量。为了让读者更好地理解知识，本书还配备了丰富的应用实例，在充分理解源 码的基础上，对Ext JS进行了大量实用性强的扩展。

　　本书可以作为Web应用开发的参考手册，适合具备一定HTML和Javaｓｃｒｉｐｔ基础的开发人员学习， 特别适合从事RIA Web开发的人员自学参考，也可以作为Ext JS应用开发的培训教材。

资源目录：

第1部分　快速入门 

　第1章　Web如此美丽，初探Ext JS 

　　1.1　Ext JS是什么 

　　1.2　为什么选择Ext JS 

　　1.3　如何学习Ext JS 

　　　1.3.1　获取源码并部署 

　　　1.3.2　开发工具的智能提示 

　　　1.3.3　文档和实例的学习 

　　　1.3.4　学习论坛 

　　1.4　Ext JS体系结构 

　　　1.4.1　体系结构 

　　　1.4.2　文件结构 

　　1.5　小结 

　第2章　Ext JS 3.0实例入门 

　　2.1　准备工作，配置环境 

　　2.2　看似简单的登录页面，隐藏好大的学问 

　　　2.2.1　页面布局 

　　　2.2.2　表单布局 

　　　2.2.3　验证码 

　　　2.2.4　表单验证 

　　　2.2.5　表单提交 

　　2.3　主框架页面 

　　　2.3.1　主框架页面布局 

　　　2.3.2　左边导航菜单 

　　　2.3.3　右边工作区域 

　 2.4　子页面 

　　　2.4.1　数据处理 

　　　2.4.2　列表 

　　2.5　小结 

第2部分　核心技术 

　第3章　Ext JS核心基础 

　　3.1　继承的扩展 

　　　3.1.1　对象的继承 

　　　3.1.2　类的继承 

　　　3.1.3　Ext.extend扩展 

　　3.2　函数的扩展 

　　　3.2.1　从一个错误说起 

　　　3.2.2　函数的委托 

　　3.3　数组及集合 

　　　3.3.1　Javaｓｃｒｉｐｔ数组 

　　　3.3.2　Ext JS集合操作 

　　3.4　String的转换 

　　　3.4.1　String转换的基本知识 

　　　3.4.2　String和JSON转换 

　　　3.4.3　查询字符串与对象转换 

　　3.5　Date的使用 

　　　3.5.1　日期格式化 

　　　3.5.2　日期的比较及计算 

　　3.6　定时任务 

　　　3.6.1　有状态的定时任务管理 

　　　3.6.2　定时任务管理器 

　　3.7　小结 

　第4章　你必须知道的Ext JS事件机制 

　　4.1　浏览器事件机制 

　　4.2　Ext JS元素事件 

　　　4.2.1　Event对象 

　　　4.2.2　EventManager 

　　4.3　基本事件扩展 

　　　4.3.1　DomReady处理 

　　　4.3.2　快捷键的实现 

　　　4.3.3　导航键的实现 

　　　4.3.4　鼠标按住事件 

　　4.4　Ext JS组件事件 

　　　4.4.1　事件对象 

　　　4.4.2　组件的事件机制 

　　　4.4.3　基于拦截的事件实现 

　　　4.4.4　组件及元素事件结合 

　　4.5　扩展TabBox事件 

　　　4.5.1　焦点 

　　　4.5.2　扩展TabBox导航 

　　　4.5.3　自定义TabBox事件 

　　4.6　小结 

　第5章　模板模型，组件开发的基石 

　　5.1　Ext JS模板概述 

　　5.2　正则表达式基础 

　　　5.2.1　正则表达式引擎 

　　　5.2.2　字符匹配 

　　　5.2.3　选择、分组及引用 

　　5.3　正则表达式的使用 

　　　5.3.1　exec和match 

　　　5.3.2　replace函数 

　5.4　基本模板 

　　　5.4.1　模板的构建 

　　　5.4.2　应用动态数据 

　　　5.4.3　编译模板 

　　5.5　扩展模板 

　　　5.5.1　实现原理 

　　　5.5.2　编译Xtemplate模板 

　　　5.5.3　为Xtemplate应用动态数据 

　　5.6　模板问题及改进 

　　　5.6.1　模板的问题 

　　　5.6.2　问题的解决 

　　5.7　通信录的实现 

　　　5.7.1　应用DataView 

　　　5.7.2　数据分页和过滤 

　　　5.7.3　通信录中的信息 

　　5.8　小结 

　第6章　改善用户体验，交互数据模型 

　　6.1　Ajax请求 

　　　6.1.1　从网络通信协议开始 

　　　6.1.2　手动实现Ajax 

　　　6.1.3　便利函数让调用更加方便 

　　　6.1.4　表单请求 

　　　6.1.5　跨域请求 

　　6.2　Direct请求 

　　　6.2.1　Comet请求 

　　　6.2.2　RPC请求 

　　6.3　代理请求 

　　　6.3.1　REST风格 

　　　6.3.2　代理请求的处理过程 

　　　6.3.3　MemoryProxy的扩展 

　　6.4　数据解析的实现 

　　　6.4.1　定义表结构 

　　　6.4.2　解析表数据 

　　　6.4.3　数组解析的扩展 

　　6.5　数据回写 

　　　6.5.1　组装请求参数 

　　　6.5.2　保存之后更新 

　　6.6　数据存储 

　　　6.6.1　构建Store对象 

　　　6.6.2　载入数据 

　　　6.6.3　保存数据 

　　6.7　DWR数据交互 

　　　6.7.1　DWR请求扩展 

　　　6.7.2　DWR数据解析 

　　　6.7.3　CRUD操作 

　　6.8　小结 

第3部分　基于元素的开发 

　第7章　元素扩展，让开发更灵活 

　　7.1　Ext. DomHelper类 

　　　7.1.1　元素创建 

　　　7.1.2　元素插入 

　　7.2　Ext.DomQuery类 

　　　7.2.1　实现原理 

　　　7.2.2　查询及过滤实现 

　　　7.2.3　编译解析 

　　7.3　Ext JS元素架构 

　　　7.3.1　Ext.Element元素 

　　　7.3.2　Ext.CompositeElementLite 

　　7.4　表单实例 

　　　7.4.1　实现并载入表单 

　　　7.4.2　计算相关费用 

　　7.5　小结 

　第8章　Ext JS样式的完美应用 

　　8.1　样式基本操作 

　　　8.1.1　创建元素 

　　　8.1.2　元素定位 

　　　8.1.3　可视及其他 

　　8.2　JS操作样式 

　　　8.2.1　style的操作 

　　　8.2.2　class的操作 

　　　8.2.3　动态加入CSS Rules 

　　　8.2.4　重构它们 

　　8.3　Dimensions操作 

　　　8.3.1　宽高操作 

　　　8.3.2　坐标定位操作 

　　　8.3.3　重构它们 

　　8.4　相对定位与约束 

　　　8.4.1　元素相对定位 

　　　8.4.2　scroll定位 

　　　8.4.3　Resize元素定位的实现 

　　8.5　ImageCropper的实现 

　　　8.5.1　创建容器 

　　　8.5.2　创建三层图片并载入 

　　　8.5.3　初始化Resize和拖曳 

　　　8.5.4　显示选择内容 

　　8.6　小结 

　第9章　让Web页面动起来 

　　9.1　动画的原理 

　　　9.1.1　原理实现 

　　　9.1.2　改进的实现 

　　9.2　Ext JS动画实现 

　　　9.2.1　Ext JS动画管理器 

　　　9.2.2　动画对象 

　　9.3　动画的进一步深入 

　　　9.3.1　动画类型 

　　　9.3.2　动画算法 

　　　9.3.3　Fx特效处理 

　　9.4　扩展Ext JS矢量图 

　　　9.4.1　excanvas基本应用 

　　　9.4.2　excanvas高级应用 

　　9.5　交互式动画报表图 

　　　9.5.1　基本折线图 

　　　9.5.2　动画的实现 

　　　9.5.3　交互式选择的实现 

　　　9.5.4　ToolTip的实现 

　　9.6　小结 

　第10章　拖曳技术，让用户也动起来 

　　10.1　Ext JS拖曳原理剖析 

　　　10.1.1　如何选中元素 

　　　10.1.2　如何实现鼠标移动位置 

　　　10.1.3　如何确定元素目标位置 

　　10.2　Ext JS拖曳架构 

　　　10.2.1　拖曳共性处理 

　　　10.2.2　拖曳个性处理 

　　10.3　拖曳形式的选择题应用 

　　　10.3.1　选择题的实现 

　　　10.3.2　选项拖曳的实现 

　　10.4　拖曳高级扩展 

　　　10.4.1　拖曳元素状态处理 

　　　10.4.2　目标元素状态处理 

　　　10.4.3　把拖曳目标和拖曳元素综合起来 

　　10.5　拖曳定制流程 

　　　10.5.1　基本的流程图 

　　　10.5.2　拖曳的实现 

　　　10.5.3　拖曳的完善 

　　10.6　小结 

第4部分　深入组件的开发 

　第11章　Ext JS组件模型的架构解析 

　　11.1　认识Ext JS组件 

　　11.2　生命周期设计 

　　　11.2.1　初始化 

　　　11.2.2　渲染表现 

　　　11.2.3　销毁组件，释放系统资源 

　　11.3　可扩展性设计 

　　　11.3.1　类继承的支持 

　　　11.3.2　事件的支持 

　　　11.3.3　插件的支持 

　　　11.3.4　可配置的支持 

　　　11.3.5　模板方法的支持 

　　11.4　可管理性设计 

　　　11.4.1　全局统一管理 

　　　11.4.2　组件类别管理 

　　　11.4.3　内部状态管理 

　　11.5　组件分析法 

　　　11.5.1　生命周期分析 

　　　11.5.2　配置项分析 

　　　11.5.3　方法及属性分析 

　　　11.5.4　事件分析 

　　　11.5.5　组件特性 

　　11.6　如何自定义组件 

　　　11.6.1　组件的需求 

　　　11.6.2　按生命周期来编写组件 

　　　11.6.3　重构 

　　　11.6.4　编写文档 

　　11.7　小结 

　第12章　Ext JS面板，信息提示更人性化 

　　12.1　浮动层（Layer） 

　　　12.1.1　shim实现 

　　　12.1.2　shadow实现 

　　　12.1.3　约束定位 

　　　12.1.4　浮动层显示 

　　12.2　容器（Container）布局 

　　　12.2.1　生命周期分析 

　　　12.2.2　容器特性 

　　12.3　面板（Panel）布局 

　　　12.3.1　面板组成 

　　　12.3.2　面板样式 

　　　12.3.3　面板的折叠/展开 

　　12.4　窗体（Window）布局 

　　　12.4.1　最大最小化 

　　　12.4.2　改变大小 

　　　12.4.3　窗体显示问题 

　　12.5　工具提示 

　　　12.5.1　Ext.Tip类 

　　　12.5.2　Ext.ToolTip类 

　　　12.5.3　Ext.QuickTip类 

　　12.6　气球提示（BalloonTip) 

　　　12.6.1　实现BalloonTip组件 

　　　12.6.2　进一步完善 

　 12.7　小结 

　第13章　Ext JS 华丽的容器布局 

　　13.1　认识布局的流程 

　　　13.1.1　布局概述 

　　　13.1.2　布局的流程 

　　13.2　Border布局 

　　　13.2.1　如何渲染 

　　　13.2.2　如何计算布局区域 

　　　13.2.3　如何实现折叠与展开 

　　13.3　锚定位布局 

　　　13.3.1　AnchorLayout布局 

　　　13.3.2　AbsoluteLayout布局 

　　　13.3.3　FormLayout布局 

　　13.4　自适应布局 

　　　13.4.1　FitLayout 

　　　13.4.2　AccordionLayout 

　　　13.4.3　CardLayout 

　　13.5　表行列布局 

　　　13.5.1　ColumnLayout 

　　　13.5.2　RowLayout 

　　　13.5.3　TableLayout 

　　13.6　Box布局 

　　13.7　如何扩展TableFormLayout 

　　13.8　小结 

　第14章　Ext JS Form的交互式表单 

　　14.1　FormPanel聚散地 

　　　14.1.1　Form关系图 

　　　14.1.2　与BaseForm关联 

　　　14.1.3　与Field关联 

　　　14.1.4　验证操作 

　　　14.1.5　数据处理 

　　　14.1.6　FieldSet 

　　14.2　Field组件 

　　　14.2.1　Field的创建 

　　　14.2.2　Field的验证 

　　14.3　文本输入组件 

　　　14.3.1　单行文本输入组件 

　　　14.3.2　多行文本输入组件 

　　　14.3.3　文本编辑组件 

　　14.4　选择组件 

　　　14.4.1　单个选择组件 

　　　14.4.2　选择组 

　　14.5　下拉组件 

　　　14.5.1　TriggerField 

　　　14.5.2　Combox 

14.5.3　多选组件扩展 

　 14.6　注册页面的实现 

　　　14.6.1　基本的Form组件应用 

　　　14.6.2　上传处理 

　　14.7　小结 

　第15章　Ext Grid组件让数据更直观 

　　15.1　认识Ext JS 的Grid 

　　　15.1.1　概述 

　　　15.1.2　如何创建GridPanel 

　　　15.1.3　GridPanel如何运行 

　　　15.1.4　可编辑的GridPanel 

　　15.2　列模式 

　　　15.2.1　CM分析 

　　　15.2.2　CM的高级应用 

　　15.3　选择模式 

　　　15.3.1　RowSelectionModel 

　　　15.3.2　CheckboxSelectionModel 

　　15.4　视图 

　　　15.4.1　Grid生成HTML内容 

　　　15.4.2　如何构建表结构 

　　　15.4.3　导入数据 

　　　15.4.4　通过流程进一步分析 

　　15.5　分页栏 

　　　15.5.1　载入数据进行显示 

　　　15.5.2　请求数据 

　　15.6　对Grid的改进 

　　　15.6.1　下拉框编辑的问题 

　　　15.6.2　嵌套表格的问题 

　　　15.6.3　多表头操作 

　　15.7　单元格实现跨列运算 

　　　15.7.1　单元格多选模式 

　　　15.7.2　公式统计计算 

　　　15.7.3　应用实例 

　　15.8　小结 

　第16章　深入Ext JS 的树形展示 

　　16.1　树组件的原理 

　　16.2　Ext JS树组件的分析 

　　　16.2.1　树的创建 

　　　16.2.2　树的生命周期分析 

　　16.3　树组件节点 

　　　16.3.1　基本节点 

　　　16.3.2　TreeNode类 

　　16.4　树组件的事件 

　　　16.4.1　事件的流程 

　　　16.4.2　事件的选择模式 

　　16.5　完善树的功能 

　　　16.5.1　树的数据 

　　　16.5.2　编辑、过滤及排序 

　　16.6　ECOTree的实现 

　　　16.6.1　树的基本实现 

　　　16.6.2　节点的实现 

　　　16.6.3　折叠、编辑、拖曳及其他完善 

　　16.7　小结 

　第17章　基于Ext JS Menu组件的快速开发 

　　17.1　Action类 

　　　17.1.1　Action类的作用 

　　　17.1.2　Action类的运行流程 

　　17.2　Button类 

　　　17.2.1　生命周期 

　　　17.2.2　样式处理 

　　　17.2.3　状态切换 

　　17.3　开发个性的工具栏 

　　　17.3.1　如何解析工具项 

　　　17.3.2　如何进行布局 

　　　17.3.3　竖形工具栏的实现 

　　17.4　自己来设计菜单栏 

　　　17.4.1　菜单的显示 

　　　17.4.2　菜单的动作 

　　17.5　类UE编辑器的实现 

　　　17.5.1　基本的编辑器 

　　　17.5.2　活动工具栏 

　　17.6　小结

资源截图：