The complete directory of ExtJS in simple terms.

Chapter 1 Overview of EXT 1 1.1 Download EXT distribution package 1 1.2 How to view the API and examples that come with EXT 1 1.3 Why do some examples have to be put on the server to see the effect 2 1.4 Hello World 2 1.4.1 Use the downloaded distribution package directly 2 1.4.2 Use EXT 3 1.5 in the project as follows. What page prompts that the picture cannot be found 3 1.6 auxiliary development 4 1.6.1 debugging tool Firebug 4 1.6.2 development tool Spket 7 1.7 Summary of this chapter 1 Chapter 2 EXT framework foundation 11 2.1 EXT events and classes 11 2.1.1 custom events 11 2.1.2 browser events 13 2.1.3 Ext.lib.event13 2.1.4 ext.util.Observable 14 2.1.5 ext.eventmanager 17 2.1.6 ext.eventobject 19 2.2 ext Core component 2 2.2.1 Ext.Component 2 2.2.2 Ext. . box component 22 2.2.3 ext. container 23 2.2.4 ext. panel 24 2.2.5 ext. tabpanel 24 2.3 Summary of this chapter 27 Introduction to the characteristics of table control 28 3.1 Grid 28 3.2 Making a simple Grid 29 3. 3 Detailed description of common functions of Grid 32 3.3.1 Part of attribute functions 32 3.3.2 Independently determine the width of each column 33 3.3.3 Let Grid support sorting by column 35 3.3.4 Solve Chinese sorting 35 3.3.5 Display date type data 37 3.4 Display red words in cells, Pictures and buttons 38 3.5 Set colors for rows and columns of Grid 41 3.6 Automatically display line numbers and check boxes 42 3.6.1 Automatically display line numbers 43 3.6.2 Check boxes 44 3.7 Select models 45 3.8 Table view-ext. grid.GridView 46 3.9 Table paging 47 3.9.1 is Grid. Add Paging Toolbar 48 3.9.2 Get Paging Data through Background Script 49 3.9.3 Paging Toolbar is displayed at the top of Grid 51 3.9.4 Let EXT support foreground sorting 52 3.1 background sorting 53.11 EditorGrid 55 3.11.1 Make a simple EditGrid 5. 5 3.11.2 Add a row of data 56 3.11.3 Save the modification result 58 3.11.4 Verify the data in EditGrid 59 3.11.5 Limit the type of input data 6 3.12 Property Grid control-Property Grid 63 3.12.1 Property Grid 64 3.12.2 can only be invisible. Active PropertyGrid 65 3.12.3 Force the name column to be sorted 65 3.12.4 Get the value according to the name 66 3.12.5 Customize the editor 66 3.13 Grouping table control-Group 66 3.13.1 Introduction to Grouping Table 67 3.13.2 Grouping Table View Ext.grid.Gro UpingView 68 3.14 Dragging and dropping tables 69 3.14.1 Dragging and dropping to change the size of tables 69 3.14.2 Dragging and dropping in the same table 7 3.14.3 Dragging and dropping between tables 72 3.14.4 Dragging and dropping between tables and trees 73 3.15 Grid and right-click menu 73 3.16 Summary of this chapter 74 Chapter 4 Forms. Making a Form with Input Control 76 4.1 76 4.2 FormPanel and BasicForm Details 77 4.3 EXT Supported Control 77 4.3.1 Control Inheritance Figure 77 4.3.2 Form Control 78 4.3.3 Basic Input Control Ext.form.Field 78 4.3.4 Text Input Control Ext. F. Orm.TextField 79 4.3.5 multiline text input control Ext.form.TextArea 8 4.3.6 date input control Ext.form.DateField 8 4.3.7 time input control Ext.form.TimeField 81 4.3.8 online editor Ext.form.HtmlEdi Tor 81 4.3.9 Hidden field Ext.form.Hidden 82 4.3.1 Drop-down input box Ext.form.TriggerField 82 4.4 Submit data using forms 83 4.4.1 EXT Default submission form 83 4.4.2 Use HTML original submission form 85 4.4.3 Simple Ajax 8. 5 4.5 Data Verification 86 4.5.1 Input cannot be blank 86 4.5.2 Maximum length and minimum length 87 4.5.3 With the help of vtype 88 4.5.4 Custom verification rules 88 4.5.5 NumberField 88 4.5.6 Use the verification information returned by the background 89 4.6 Form layout 9. 4.6.1 Default Tile Layout 9 4.6.2 Parallel Column Layout 91 4.6.3 Use fieldset 93 4.6.4 Use fieldset 95 4.6.5 Custom Layout: Add pictures 96 4.7 ComboBox to the form, Details of datefield and timefield 97 4.7.1 Introduction to Combobox 98 4.7.2 Converting Select into Combobox 99 4.7.3 Structure Details of Combobox 99 4.7.4 Using Remote Data 11 4.7.5 Advanced Configuration of Combobox 12 4.7.6 for Listening. Which data did the user choose? 14 4.7.7 Using local data to realize provincial, municipal and county-level joint 14 4.7.8 Using background data to realize provincial, municipal and county-level joint. County-level joint 17 4.8 check box and radio box 11 4.8.1 check box 11 4.8.2 radio box 111 4.9 file upload 112 4.1 automatically fill data into the form 113 4.11 Summary of this chapter 114 Chapter 5 Tree structure 116 5.1 Basic use of Tree Panel 116 5 .1.1 Creating a Tree 116 5.1.2 Spreading Leaves for Tree 117 5.1.3 Configuration of Tree 118 5.1.4 Obtaining Data Using TreeLoader 119 5.1.5 Reading Local JSON Data 121 5.1.6 JsonPlugin 121 5.1.7 Using JSP to provide background data. 122 5.2 Events in the tree 125.3 Right-click menu 126 5.4 Modify the default icon of the node 127 5.5 Pop-up dialog box from the node 128 5.6 Node prompt information 129 5.7 Set hyperlink for the node 129 5.8 Modify the node name of the tree directly 13 5.9 Drag and drop of the tree 131 5.9.1 Drag and drop of the node 3. Form 131 5.9.2 Leaves can't be appended 131 5.9.3 Judging the target of dragging and dropping 132 5.9.4 Drag and drop between trees 134 5.1 TreeFilter 135 5.11 Sorting trees with TreeSorter 137 5.12 Tree node view --Ext.tree.TreeNo DeUI 138 5.13 Combination of table and tree-ext. tree. Columntree 139 5.14 Summary of this chapter 142 Chapter 6 Drag and Drop 143 6.1 Introduction to Drag and Drop 143 6.2 Simple Application of Drag and Drop 143 6.3 Drag and Drop Component System 144 6.4 Drag and Drop Events 146 6.5 Advanced Drag and Drop 148 6.5.1 Basic 148 6.5.2 Handle 149 6.5.3 On top 15 6.5.4 Proxy 151 6.5.5 Group 152 6.5.6 Grid 154 6.5.7 Circle 155 6.5.8 Region 157 6.6 Summary 1 of this chapter. Chapter 7 pop-up window 159 7.1 ext. messagebox159 7.1.1 ext. messagebox.alert () 159 7.1.2 ext. messagebox.confirm () 16 7.1.3 ext. messagebox.prompt () 16 7.2 More Configuration of Dialog Box 161 7.2.1 You can enter multi-line input box 161 7.2.2 Buttons of Customized Dialog Box 162 7.2.3 Progress Bar 162 7.2.4 Animation Effect 164 7.3 Common Properties of EXT. Window 164 7.3.1 Create a Window 164 7.3.2 The most common properties of the window. Maximizing and Minimizing 165 7.3.3 Hiding and Destroying Windows 167 7.3.4 Preventing Windows from Overstepping Browsers 167 7.3.5 Setting Buttons in Windows 169 7.3.6 Other Configuration Options of Windows 17 7.4 Grouping Windows 171 7.5 Putting Various Controls in Windows 172 7.5.1 Adding Tables 172 7.5 in Windows. .2 Add Form 173 7.5.3 Complex Layout 174 7.6 Summary of this chapter 176 Chapter 8 Layout 177 8.1 Usage of Layout 177 8.2 Simplest Layout FitLayout 179 8.3 Common Border Layout BorderLayout 182 8.3.1 Set the size of sub-area 184 8.3 .2 Use split and Limit Its Scope 185 8.3.3 Expand and Collapse Sub-areas 187 8.4 Make the layout of telescopic menu-Accordion 191 8.5 Realize the layout of operation guide-Card Layout 192 8.6 Control the layout of position and size --AnchorLayout and AbsoluteLayout 19 4 8.7 Form-specific Layout 199 8.8 Determinant Layout ColumnLayout 2 8.9 Tabular Layout 22 8.1 Other knowledge related to layout 24 8.1.1 Common * * of super class Ext.Conainter Configuration and the concept of xtype 24 8.1.2 layout's superclass ext.layout.containerlayout25 8.1.3 What happens when no layout is specified 26 8.1.4 Layout the whole page with Viewport 26 8.1.5 Use nesting to realize complex layout 27 8.11. Summary of this chapter 21 Chapter 9 Toolbars and Menus 211 9.1 Simple Menus 211 9.2 Adding Separators to Menus 212 9.3 Multilevel Menus 213 9.4 Advanced Menus 214 9.4.1 Multi-choice Menus and Radio Menus 214 9.4.2 Date Menus 216 9.4.3 Color Menus 216 9.4.4 Ext. Menu.Adapter Menu Adapter 217 9.4.5 Unified Management Menu 22 9.5 Toolbar Component Details 22 9.5.1 Ext. Toolbar. Button 221 9.5.2 Ext. Toolbar. TextMenu 221 9.5.3 Ext. Too. LBAR. SPACER 222 9.5.4 ext. Toolbar. Separator 222 9.5.5 ext. Toolbar. Fill 223 9.5.6 ext. Toolbar. Split Button 223 9.5.7 Add HTML tags to the toolbar 224 9.5.8 Add input to the toolbar. Control 225 9.6 Paging Toolbar Ext.PagingToolbar 225 9.6.1 Basic Usage of Ext. Paging Toolbar 225 9.6.2 Add Button Component to Ext. Paging Toolbar 226 9.7 Right-click Pop-up Menu 227 9.8 Summary of this chapter 229 Chapter 1 Data Storage and Transmission 23 1.1 Ext.data Jane