`
yesjavame
  • 浏览: 657606 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

《JavaScript凌厉开发 Ext详解与实践》的目录

阅读更多
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="ProgId" content="Word.Document"> <meta name="Generator" content="Microsoft Word 11"> <meta name="Originator" content="Microsoft Word 11"> <link rel="File-List" href="file:///C:%5CDOCUME%7E1%5CADMINI%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_filelist.xml"> <link rel="Edit-Time-Data" href="file:///C:%5CDOCUME%7E1%5CADMINI%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_editdata.mso"> <!--[if !mso]> <style> v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} </style> <![endif]--><!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:PunctuationKerning/> <w:DrawingGridVerticalSpacing>7.8 磅</w:DrawingGridVerticalSpacing> <w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery> <w:DisplayVerticalDrawingGridEvery>2</w:DisplayVerticalDrawingGridEvery> <w:ValidateAgainstSchemas/> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:Compatibility> <w:SpaceForUL/> <w:BalanceSingleByteDoubleByteWidth/> <w:DoNotLeaveBackslashAlone/> <w:ULTrailSpace/> <w:DoNotExpandShiftReturn/> <w:AdjustLineHeightInTable/> <w:BreakWrappedTables/> <w:SnapToGridInCell/> <w:WrapTextWithPunct/> <w:UseAsianBreakRules/> <w:DontGrowAutofit/> <w:UseFELayout/> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> </w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:LatentStyles DefLockedState="false" LatentStyleCount="156"> </w:LatentStyles> </xml><![endif]--><style> <!-- /* Font Definitions */ @font-face {font-family:宋体; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-alt:SimSun; mso-font-charset:134; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:3 135135232 16 0 262145 0;} @font-face {font-family:黑体; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-alt:SimHei; mso-font-charset:134; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:1 135135232 16 0 262144 0;} @font-face {font-family:仿宋_GB2312; panose-1:2 1 6 9 3 1 1 1 1 1; mso-font-charset:134; mso-generic-font-family:modern; mso-font-pitch:fixed; mso-font-signature:1 135135232 16 0 262144 0;} @font-face {font-family:Candara; panose-1:2 14 5 2 3 3 3 2 2 4; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:-1610611985 1073750091 0 0 159 0;} @font-face {font-family:方正水柱简体; mso-font-alt:微软雅黑; mso-font-charset:134; mso-generic-font-family:script; mso-font-pitch:fixed; mso-font-signature:1 135135232 16 0 262144 0;} @font-face {font-family:Cambria; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:0; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:-1610611985 1073741899 0 0 159 0;} @font-face {font-family:新宋体; panose-1:2 1 6 9 3 1 1 1 1 1; mso-font-charset:134; mso-generic-font-family:modern; mso-font-pitch:fixed; mso-font-signature:3 135135232 16 0 262145 0;} @font-face {font-family:微软雅黑; panose-1:2 11 5 3 2 2 4 2 2 4; mso-font-charset:134; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:-2147483001 705641554 22 0 262175 0;} @font-face {font-family:楷体_GB2312; panose-1:2 1 6 9 3 1 1 1 1 1; mso-font-charset:134; mso-generic-font-family:modern; mso-font-pitch:fixed; mso-font-signature:1 135135232 16 0 262144 0;} @font-face {font-family:"\@宋体"; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-charset:134; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:3 135135232 16 0 262145 0;} @font-face {font-family:"\@新宋体"; panose-1:2 1 6 9 3 1 1 1 1 1; mso-font-charset:134; mso-generic-font-family:modern; mso-font-pitch:fixed; mso-font-signature:3 135135232 16 0 262145 0;} @font-face {font-family:"\@黑体"; panose-1:2 1 6 0 3 1 1 1 1 1; mso-font-charset:134; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:1 135135232 16 0 262144 0;} @font-face {font-family:"\@楷体_GB2312"; panose-1:2 1 6 9 3 1 1 1 1 1; mso-font-charset:134; mso-generic-font-family:modern; mso-font-pitch:fixed; mso-font-signature:1 135135232 16 0 262144 0;} @font-face {font-family:"\@仿宋_GB2312"; panose-1:2 1 6 9 3 1 1 1 1 1; mso-font-charset:134; mso-generic-font-family:modern; mso-font-pitch:fixed; mso-font-signature:1 135135232 16 0 262144 0;} @font-face {font-family:"\@微软雅黑"; panose-1:2 11 5 3 2 2 4 2 2 4; mso-font-charset:134; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:-2147483001 705641554 22 0 262175 0;} @font-face {font-family:"\@方正水柱简体"; mso-font-charset:134; mso-generic-font-family:script; mso-font-pitch:fixed; mso-font-signature:1 135135232 16 0 262144 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin-top:.75pt; margin-right:0cm; margin-bottom:.75pt; margin-left:0cm; mso-para-margin-top:.15gd; mso-para-margin-right:0cm; mso-para-margin-bottom:.15gd; mso-para-margin-left:0cm; text-align:justify; text-justify:inter-ideograph; text-indent:10.0pt; mso-char-indent-count:2.0; line-height:15.6pt; mso-pagination:none; layout-grid-mode:char; mso-layout-grid-align:none; font-size:10.5pt; mso-bidi-font-size:10.0pt; font-family:Cambria; mso-fareast-font-family:新宋体; mso-bidi-font-family:"Times New Roman";} h1 {mso-style-name:"标题 1\,部分标题 1\,章名\,章标题\,实例名称"; mso-style-parent:""; mso-style-next:正文; margin-top:36.85pt; margin-right:0cm; margin-bottom:36.85pt; margin-left:0cm; text-align:center; line-height:28.9pt; mso-pagination:widow-orphan lines-together; page-break-after:avoid; mso-outline-level:1; font-size:22.0pt; font-family:微软雅黑; mso-font-kerning:22.0pt;} p.MsoToc1, li.MsoToc1, div.MsoToc1 {mso-style-update:auto; mso-style-noshow:yes; mso-style-next:正文; margin-top:2.3pt; margin-right:0cm; margin-bottom:2.3pt; margin-left:41.3pt; mso-para-margin-top:.15gd; mso-para-margin-right:0cm; mso-para-margin-bottom:.15gd; mso-para-margin-left:41.3pt; text-align:justify; text-justify:inter-ideograph; text-indent:-41.3pt; line-height:15.6pt; mso-pagination:none; tab-stops:right dotted 199.5pt; layout-grid-mode:char; mso-layout-grid-align:none; font-size:10.5pt; mso-bidi-font-size:22.0pt; font-family:Arial; mso-fareast-font-family:黑体; mso-bidi-font-family:"Times New Roman"; mso-no-proof:yes;} p.MsoToc2, li.MsoToc2, div.MsoToc2 {mso-style-name:"目录 2\,toc2"; mso-style-update:auto; mso-style-noshow:yes; mso-style-next:正文; margin-top:2.3pt; margin-right:0cm; margin-bottom:2.3pt; margin-left:41.25pt; mso-para-margin-top:.15gd; mso-para-margin-right:0cm; mso-para-margin-bottom:.15gd; mso-para-margin-left:2.0gd; text-align:justify; text-justify:inter-ideograph; text-indent:-20.25pt; mso-char-indent-count:-2.25; line-height:15.6pt; mso-pagination:none; tab-stops:right dotted 199.5pt; layout-grid-mode:char; mso-layout-grid-align:none; font-size:9.0pt; mso-bidi-font-size:10.0pt; font-family:Cambria; mso-fareast-font-family:新宋体; mso-bidi-font-family:"Times New Roman"; mso-no-proof:yes;} p.MsoToc3, li.MsoToc3, div.MsoToc3 {mso-style-name:"目录 3\,toc3"; mso-style-update:auto; mso-style-noshow:yes; mso-style-next:正文; margin-top:2.3pt; margin-right:0cm; margin-bottom:2.3pt; margin-left:68.45pt; mso-para-margin-top:.15gd; mso-para-margin-right:0cm; mso-para-margin-bottom:.15gd; mso-para-margin-left:3.95gd; text-align:justify; text-justify:inter-ideograph; text-indent:-27.0pt; mso-char-indent-count:-3.0; line-height:15.6pt; mso-pagination:none; tab-stops:right dotted 199.5pt; layout-grid-mode:char; mso-layout-grid-align:none; font-size:9.0pt; mso-bidi-font-size:10.0pt; font-family:Cambria; mso-fareast-font-family:新宋体; mso-bidi-font-family:"Times New Roman"; mso-no-proof:yes;} p.MsoHeader, li.MsoHeader, div.MsoHeader {margin-top:.75pt; margin-right:0cm; margin-bottom:.75pt; margin-left:0cm; mso-para-margin-top:.15gd; mso-para-margin-right:0cm; mso-para-margin-bottom:.15gd; mso-para-margin-left:0cm; text-align:center; line-height:12.0pt; mso-pagination:none; tab-stops:center 207.65pt right 415.3pt; layout-grid-mode:char; mso-layout-grid-align:none; border:none; mso-border-bottom-alt:double windowtext 1.5pt; padding:0cm; mso-padding-alt:0cm 0cm 1.0pt 0cm; font-size:9.0pt; mso-bidi-font-size:10.0pt; font-family:Cambria; mso-fareast-font-family:楷体_GB2312; mso-bidi-font-family:"Times New Roman";} p.MsoFooter, li.MsoFooter, div.MsoFooter {margin-top:.75pt; margin-right:0cm; margin-bottom:.75pt; margin-left:0cm; mso-para-margin-top:.15gd; mso-para-margin-right:0cm; mso-para-margin-bottom:.15gd; mso-para-margin-left:0cm; text-indent:10.0pt; mso-char-indent-count:2.0; line-height:12.0pt; mso-pagination:none; tab-stops:center 207.65pt right 415.3pt; layout-grid-mode:char; mso-layout-grid-align:none; font-size:9.0pt; mso-bidi-font-size:10.0pt; font-family:Cambria; mso-fareast-font-family:新宋体; mso-bidi-font-family:"Times New Roman";} span.MsoPageNumber {mso-ansi-font-size:9.0pt; font-family:"Times New Roman"; mso-ascii-font-family:"Times New Roman"; mso-fareast-font-family:宋体; mso-hansi-font-family:"Times New Roman"; color:windowtext; text-decoration:none; text-underline:none;} p.3, li.3, div.3 {mso-style-name:目录3另; mso-style-update:auto; mso-style-parent:"目录 3\,toc3"; margin-top:2.3pt; margin-right:0cm; margin-bottom:2.3pt; margin-left:79.05pt; mso-para-margin-top:.15gd; mso-para-margin-right:0cm; mso-para-margin-bottom:.15gd; mso-para-margin-left:4.39gd; text-align:justify; text-justify:inter-ideograph; text-indent:-32.95pt; mso-char-indent-count:-3.66; line-height:15.6pt; mso-pagination:none; tab-stops:right dotted 199.5pt; layout-grid-mode:char; mso-layout-grid-align:none; font-size:9.0pt; mso-bidi-font-size:10.0pt; font-family:Cambria; mso-fareast-font-family:新宋体; mso-bidi-font-family:"Times New Roman"; mso-no-proof:yes;} /* Page Definitions */ @page {mso-page-border-surround-header:no; mso-page-border-surround-footer:no;} @page Section1 {size:550.0pt 754.1pt; margin:69.45pt 63.8pt 69.45pt 63.8pt; mso-header-margin:46.8pt; mso-footer-margin:46.8pt; mso-page-numbers:roman-upper 5; mso-paper-source:0; layout-grid:15.6pt;} div.Section1 {page:Section1;} @page Section2 {size:612.0pt 792.0pt; margin:72.0pt 90.0pt 72.0pt 90.0pt; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.Section2 {page:Section2;} --> </style> <!--[if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:普通表格; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-fareast-font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} </style> <![endif]-->

<!--[if supportFields]><span lang=EN-US><span style='mso-element:field-begin'></span><span style='mso-spacerun:yes'></span>TOC \o &quot;1-3&quot; \h \z <span style='mso-element:field-separator'></span></span><![endif]-->1 开篇.... 1

1.1 网络开发浪潮..... 2

1.2 RIA三足鼎立..... 2

1.2.1 FlexOpenLaszlo.. 3

1.2.2 Faces客户组件..... 4

1.2.3 微软Windows Presentation
Foundation/Silverlight. 4

1.3 Ajax革命..... 5

1.4 风靡世界的Ext. 6

1.5 周边生态系统..... 8

1.6 ..... 9

1.7 开发环境简介..... 10

1.7.1 JsEclipse.. 10

1.7.2 Aptana.. 11

1.7.3 Spket. 12

1.7.4 Dreamweaver. 13

1.7.5 Visual Studio.. 14

1.7.6 Komodo Edit. 14

1.7.7 关于JavaScriptIDE.. 14

2 Ext起步.... 17

2.1 获取Ext的方法..... 18

2.2 Ext运行环境..... 18

2.3 如何兼容其他JavaScript..... 19

2.4 对服务器端的一些要求..... 20

2.5 Ext Examples例程解析..... 21

2.5.1 Grids. 21

2.5.2 Tabs. 23

2.5.3 Trees. 24

2.5.4 Layout Managers. 25

2.5.5 ComboBox.. 26

2.5.6 Froms. 26

2.5.7 Toolsbars and Menus. 28

2.5.8 Templates and DataView... 28

2.5.9 Drag and Drop.. 29

2.5.10 杂项(Miscellaneous). 29

3 Ext基础.... 33

3.1 使用EXT编写第一个
Ajax
应用..... 34

3.2 构成用户界面的元素..... 34

3.3 获取页面元素..... 40

3.4 元素常见的使用方法..... 40

3.4.1 Ext.Element.*——常见的
显示/隐藏方法..... 40

3.4.2 Ext.Element.*——常见的
内容控制方法..... 42

3.4.3 Ext.Element.*——常见的
操控DOM”方法..... 43

3.4.4 Ext.Element.*——常见的
尺寸大小/定位方法..... 44

3.4.5 Ext.Element.*——常见的
特效动画方法..... 45

3.4.6 Ext.Element.*——小结..... 46

3.4.7 DomHelper简介..... 46

3.5 DomQuery入门..... 48

3.5.1 元素选择符Selector. 50

3.5.2 属性选择符
Attributes Selectors. 50

3.5.3 CSS值元素选择符..... 51

3.5.4 Ext.queryExt.Select
使用注意事项..... 52

3.5.5 元素ID/Class知识拾遗..... 52

4 事件机制.... 55

4.1 事件概述..... 56

4.2 浏览器事件浅析..... 57

4.2.1 事件分类与事件处理函数..... 57

4.2.2 事件登记的4种形式..... 59

4.3 Ext中的事件..... 63

4.3.1 设计模式——观察者模式..... 63

4.3.2 何谓Event Handler?. 66

4.3.3 函数的作用域..... 69

4.3.4 小结:如何为Event Handler
自定义输入参数..... 72

4.3.5 高级组件事件..... 74

4.3.6 形形色色的事件登记途径..... 77

4.3.7 Ext.onReady事件..... 79

4.3.8 事件的颗粒控制..... 80

5 创建用户界面.... 83

5.1 界面组件架构..... 84

5.1.1 组件的对象模型..... 85

5.1.2 组件的生存周期..... 86

5.1.3 组件的渲染原理..... 89

5.2 ..... 95

5.2.1 页面布局功能概述..... 95

5.2.2 布局的介绍与种类..... 96

5.2.3 布局的调试..... 101

5.3 Grid组件..... 103

5.3.1 Grid的选择模型..... 104

5.3.2 自定义单元格的显示格式..... 105

5.3.3 通过拖拽改变行的顺序..... 110

5.3.4 Grid的分页、查询、远程
排序与通过拖拽改变分类..... 120

5.3.5 Grid的本地排序..... 130

5.4 Form表单组件..... 134

5.4.1 FormPanelFormLayout
BasicForm的区别..... 134

5.4.2 ColumnLayout的使用方法..... 146

5.4.3 使用AnchorLayout控制
控件宽度与高度..... 150

5.4.4 一行设置多个FiledSet
技巧..... 152

5.4.5 Combobox的基本使用
方法..... 155

5.4.6 本地模式下动态调整
Combobox
选择项..... 175

5.4.7 实现Combobox的联动..... 188

5.4.8 客户端验证..... 197

5.4.9 服务器端验证..... 203

5.4.10 验证后错误信息的
显示方式..... 208

5.4.11 Form的提交..... 212

5.4.12 Form加载编辑数据..... 218

5.4.13 上传文件..... 225

5.5 Tree树组件..... 236

5.5.1 静态树——最简单的树..... 237

5.5.2 JSON/XML构造成树..... 240

5.5.3 事件处理模式..... 246

5.5.4 改变树的样式..... 253

5.5.5 调试动态树..... 254

5.6 DataView数据视图组件..... 264

5.6.1 通过拖拽改变图片的顺序..... 265

5.6.2 一个简单的图库管理例子..... 272

5.7 模板功能..... 283

5.7.1 Ext.Template.. 284

5.7.2 Ext.XTemplate.. 286

5.8 拖放功能..... 290

6 数据驱动.... 305

6.1 数据的提交与响应..... 306

6.1.1 HTML页面交换..... 306

6.1.2 Ajax请求与响应..... 310

6.2 容器类MixedCollection.. 322

6.3 数据存储基本单元Record
DataField.. 332

6.3.1 DataField.. 334

6.3.2 Record.. 334

6.4 数据存储Store.. 339

6.4.1 数据载入..... 340

6.4.2 数据的添加..... 348

6.4.3 取得记录信息..... 354

6.4.4 排序..... 358

6.4.5 事务模式..... 359

6.4.6 查找..... 361

6.5 数据代理DataProxy.. 362

6.5.1 Ext.data.DataProxy.. 362

6.5.2 Ext.data.MemoryProxy.. 362

6.5.3 Ext.data.HttpProxy.. 364

6.5.4 Ext.data.ScriptTagProxy.. 365

6.6 数据读取器DataReader. 367

6.6.1 Ext.data.DataReader. 367

6.6.2 Ext.data.ArrayReader. 367

6.6.3 Ext.data.JsonReader. 368

6.6.4 Ext.data.XmlReader. 370

6.7 Ext.ux.DWR.. 371

6.7.1 Ext.data.DwrProxy.. 372

6.7.2 Ext.data.DwrReader. 374

6.7.3 应用页面..... 376

6.7.4 Web服务端配置..... 382

6.7.5 服务层接口..... 383

6.8 LitJson.. 386

6.8.1 JSON与对象之间的转换..... 387

6.8.2 输出JSON格式文本..... 390

6.8.3 接收和处理提交的
JSON
格式文本..... 393

7 Ext高级应用.... 397

7.1 JavaScript闭包详解..... 398

7.1.1 闭包的概念..... 398

7.1.2 闭包成员的生命周期..... 399

7.1.3 引用而不是复制..... 400

7.1.4 闭包应用场景..... 400

7.2 面向对象的客户端脚本设计..... 401

7.2.1 从脚本语言到动态语言..... 402

7.2.2 <span style

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics