Intense Javascript development-ext JS 3 Explanation and practices

Intense Javascript development-ext JS 3 Explanation and practices

 

 

 

 

 

 

 

 

Basic Information

Author: Yang yanqiang, Huang dengqiao, Zhang Xin
Press: Tsinghua University Press
ISBN: 9787302222842
Mounting time:
Published on: February 1, April 2010
Start: 16
Other Details View: http://www.china-pub.com/196597

Introduction

This book details the ext JS framework architecture, as well as the front-end design methods and techniques using HTML, CSS, and JavaScript. The author is one of the three domestic ext JS pioneers led by ext Chinese webmaster, and has no dispute over development thinking and development experience.
This book contains Ext. element. * event observable, ext component + MVC principle, GRID/form/tree/ComboBox, Ajax cache store, etc. Take care of new JavaScript users, interspersed with some basic JavaScript knowledge.
This book comes with a wide range of examples, including separate running instances that spread knowledge points, large UI controls, Asp. net news publisher, Java DWR integration solution, and the latest communication protocol Ext. direct and Ajax-like resource manager.
The tutorial video on the CD-Rom of this book lasts 270 minutes, including learning ext from scratch, how to use firebug debugging, ext-base.js source code level explanation, instance operation demonstration and source code evaluation, visual ide programming, the use of optimization tools, etc. The complete ext 3.1 Chinese document is included.
This book is suitable for Web developers.

Directory

Chapter 1
1.1 Network Development Wave 2
1.2 JavaScript-based RIA development concept 3
1.3 popular ext 3 in the world
Chapter 7 ext start 7
2.1 Method 8 for obtaining ext
2.2 ext Runtime Environment 8
2.3 How to be compatible with other JavaScript libraries 9
2.4 how to learn ext framework 11
Chapter 13 ext Basics
3.1 elements of the interface 14
3.1.1 retrieve page element 14
3.1.2 Ext. Get ()/EXT. Fly () Differences 16
3.1.3 obtain peripheral elements 17
3.1.4 Add/delete/modify/query elements 18
3.2 advanced query of elements 22
3.2.1 domquery details 22
3.2.2 Composite Element Set 25
3.2.3 CSS selection operator 27
3.2.4 ID/class 30

. 3.3 control element 30
3.3.1 page display method 30
3.3.2 animation FX highlights 32
3.3.3 element summary 33
3.4 Application Template 34
3.4.1 Ext. template 35
3.4.2 Ext. xtemplate 37
3.5 example: Create a dialog box 39
3.5.1 afterrender event 41
3.5.2 inheritance usage 43
Chapter 4 ext event 45
4.1 browser event analysis 46
4.1.1 inline registration (Inline) 46
4.1.2 traditional registration 47
4.1.3 ie registration 47
4.1.4 Dom Level 2 Registration 48
4.1.5 event object 50
4.2 events and functions 50
4.2.1 variable declaration 50
4.2.2 nested functions 51
4.2.3 function. Call ()/apply () 52
4.2.4 go deep into event handler 54
4.2.5 ext event 59
4.3 advanced events and control 62
4.3.1 basic events and advanced component events 62
4.3.2 detailed description of advanced component events 64
4.3.3 key event 69 on the keyboard
4.4 example: create a small widget 71
4.4.1 define UI/CSS 72
4.4.2 inherit observable (important) 74
4.4.3 configuration item parameters 76
Chapter 2 graphic interface creation 79
5.1 interface architecture and Principles 80
5.1.1 component lifecycle 81
5.1.2 template method overview 87
5.1.3 component 92 of Object Model
5.1.4 container 92 of Object Model
5.1.5 panel 93 of Object Model
5.1.6 object model-viewport 94
5.1.7 summary 95
5.2 advanced application of components 95
5.2.1 delayed rendering of components 95
5.2.2 component manager 96
5.2.3 avoid conflict with the same ID 97
5.2.4 communication between components 98
5.2.5 plug-in application 100
5.3 container layout 101
5.3.1 layout 101
5.3.2 use anchorlayout 104
5.3.3 use formlayout 106
5.3.4 use columnlayout 107
5.3.5 debug columnlayout 113
5.4 drag and drop operation 115
5.4.1 Getting Started: A mini game 115
5.4.2 simple drag and drop 116
5.4.3 detailed description of custom drag and drop 118
5.4.4 group drag-and-drop mode 119
Chapter 1 data presentation 6th
6.1 how to generate 124 of data read by components
6.1.1 org. JSON (struts) 124
6.1.2 litjson (. NET) 128
6.2 table component grid 135
6.2.1 getting started with grid 135
6.2.2 database structure 144
6.2.3 paging, query, and sorting 149
6.2.4 column model and cells 155
6.2.5 multi-layer header 161
6.2.6 use drag and drop behavior 163
6.2.7 introduction to propertygrid 169
6.2.8 use dataview component 171
6.3 form component form 179
6.3.1 form submission 179
6.3.2 form verification and control 186
6.3.3 form/Data Binding 193
6.3.4 two plug-ins/extensions: 196
6.3.5 integrate tinymce Editor
Editor 198
6.4 list component ComboBox 201
6.4.1 basic usage 201
6.4.2 adjust element 206 in ComboBox
6.4.3 achieve ComboBox interaction 211
6.4.4 about treecombobox 214
6.5 tree component tree 216
6.5.1 getting started with tree 216
6.5.2 how to define data source 221
6.5.3 change node icon 224
6.5.4 drag and drop 226 of tree
6.5.5 debug the dynamic tree 229
Chapter 2 data-driven 7th
7.1 XML/JSON Data Format: 238
7.2 container mixedcollection 239
7.2.1 constructors and attributes 240
7.2.2 operation method of set storage (1) 241
7.2.3 Operation Method for collective storage (2) 245
7.2.4 set query Traversal method 246
7.3 Basic data storage unit record and
Datafield 248
7.3.1 prepare basic data 248
7.3.2 details about datafield 250
7.3.3 detailed record explanation (1) 250
7.3.4 detailed record explanation (ii) 252
7.4 data storage store 255
7.4.1 data loading 255
7.4.2 Remote Data Loading 259
7.4.3 data addition 263
7.4.4 Obtain Record Information 269
7.4.5 sorting 273
7.4.6 transaction mode 274
7.4.7 search 276
7.5 data proxy dataproxy 277
7.5.1 Ext. Data. dataproxy 277
7.5.2 Ext. Data. memoryproxy 278.
7.5.3 Ext. Data. httpproxy 279
7.5.5 Ext. Data. scripttagproxy 280
7.6 data reader datareader 282
7.6.1 Ext. Data. datareader 282
7.6.2 Ext. Data. arrayreader 282
7.6.3 Ext. Data. jsonreader 284
7.6.4 Ext. Data. xmlreader 286
7.7 Ext. UX. DWR + spring 287
7.7.1 dwrproxy/dwrreader 288
7.7.2 example of spring integration 289
7.7.3 web server configuration 289
7.7.4 service layer interfaces 291
7.8 restful support 293
7.9 Ext. Direct 293
7.9.1 new communication method: Ext. Direct 293
7.9.2 configurator 294
7.9.3 API provider 296
7.9.4 router 298
7.9.5 example 300
7.9.6 summary 301
Chapter 2 JavaScript advanced applications 8th
8.1 JavaScript closure details 304
8.1.1 concept of closure 304
8.1.2 lifecycle of closure members: 305
8.1.3 reference instead of copying 306
8.1.4 closure Application Scenario 307
8.2 JavaScript inheritance 308
8.2.1 hodgedge JavaScript 308
8.2.2 define category 309
8.2.3 addition method 310
8.2.4 class-based inheritance 311
8.3 modify page skin 315
8.3.1 from Ext. blank_image_url
About 315
8.3.2 real-time skin replacement function 317
8.3.3 style essence: CSS Sprites 318
8.3.4 location of the jiugongge and basecls 320
8.4 i18n 322
8.4.1 internationalization and localization 322
8.4.2 multi-language ext 323
Chapter 2 large UI controls 9th
9.1 EDK introduction 328
9.1.1 project started 328
9.1.2 top-level Source Code overview 331
9.1.3 Data Communication Mechanism Ext. Direct 333
9.2 how to reuse ext components 338
9.2.1 one of "1 + 2" 339
9.2.2 "1 + 2" bis 341
9.2.3 "1 + 2" 3 343
9.2.4 summary 347
9.3 EDK. Grid. * 348
9.3.1 discussion on Behavior Model 348
9.3.2 how to allocate action 349
9.3.3 how to scale this mode 351
9.4 EDK. Tree. * 351
9.4.1 how to design tree 351 for classification
9.4.2 how to add a specific node 353
9.4.3 How To Make treenode editable 354
9.5 EDK. formpanel. * 354
9.6 EDK. Attachment. * 356
Chapter 2 News management system 10th
10.1 Introduction 360
10.1.1 project requirement 360
10.1.2. Net-Oriented Architecture 360
10.1.3 resources required by the system: 360
10.1.4 prepare database table 361
10.1.5 configuration file 363
10.2 page implementation 365
10.2.1 webpage (index.html) 365
10.2.2 home page (index. aspx) 370
10.2.3 user management page (users. aspx) 372
10.2.4 news page (news. aspx) 379
10.2.5 remaining server task 390